Mengapa Pengawal AngularJS saya Bukan Fungsi, dan Bagaimana Saya Boleh Membetulkannya?

Pengawal Bukan Ralat Fungsi dalam AngularJS: Panduan Komprehensif untuk Menyelesaikan Isu

Apabila bekerja dengan AngularJS, anda mungkin menghadapi ralat yang menyatakan bahawa pengawal bukan fungsi. Ralat ini biasanya berlaku apabila cuba menentukan pengawal secara global, yang tidak lagi dibenarkan dalam AngularJS 1.3 . Untuk menyelesaikan isu ini, anda mesti mendaftarkan pengawal secara eksplisit menggunakan sintaks module.controller.

Penyelesaian 1: Daftar Pengawal Menggunakan Sintaks module.controller

Untuk menentukan pengawal menggunakan sintaks module.controller, ikut langkah berikut:

angular.module('app', [])
    .controller('ContactController', ['$scope', function ContactController($scope) {
        // Controller logic here
    }]);

Penyelesaian 2: Menggunakan $inject Annotation dan AngularJS 1.3.5

Untuk AngularJS versi 1.3.5 dan lebih baru, anda boleh menggunakan anotasi $inject untuk menentukan kebergantungan bagi pengawal anda. Anotasi ini hendaklah diletakkan di bahagian atas fungsi pengawal anda.

function ContactController($scope) {
    $scope.contacts = ["[email protected]", "[email protected]"];

    $scope.add = function() {
        $scope.contacts.push($scope.newcontact);
        $scope.newcontact = "";
    };
}
ContactController.$inject = ['$scope'];
angular.module('app', []).controller('ContactController', ContactController);

Dayakan Semula Pengawal Global (Pilihan)

AngularJS 1.3 menguatkuasakan skop yang ketat, yang melarang pengisytiharan pengawal global. Walau bagaimanapun, anda boleh mendayakan semula pengawal global dengan menggunakan pilihan allowGlobals dalam konfigurasi modul anda:

angular.module('app')
    .config(['$controllerProvider', function($controllerProvider) {
        $controllerProvider.allowGlobals();
    }]);

Pertimbangan Tambahan:

• Pastikan bahawa ng- apl ditetapkan pada elemen akar fail HTML anda.
• Sahkan bahawa skrip yang betul disertakan dalam anda HTML.
• Elakkan mentakrifkan modul yang sama beberapa kali, kerana ini boleh mengosongkan entiti yang didaftarkan sebelum ini.

Dengan mengikuti penyelesaian ini, anda akan berjaya menyelesaikan ralat "Pengawal bukan fungsi" dalam AngularJS dan tentukan pengawal dengan berkesan.

Atas ialah kandungan terperinci Mengapa Pengawal AngularJS saya Bukan Fungsi, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!