angular.js - angular多个controller的问题

Question

看到这种写法

//app.js
angular.module('app',['app.controllers']);

//FirstController.js
angular.module('app.controllers').controller('firstCtrl',function($scope){...})

//SecondController.js
angular.module('app.controllers').controller('SecondCtrl',function($scope){...})    

但是我这么写缺报 firstCtrl 和 SecondCtrl 不是一个方法，刚开始学习angular，求帮助

Answer 1

Adalah disyorkan untuk menulis seperti ini

angular
    //app.js
    .module('app',[])//这个'[]'用来创建依赖

    //FirstController.js
angular
    .module('app')//这个后面没有'[]'，表面继续用之前创建的[]依赖
    .controller('firstCtrl',['$scope',function($scope){//这里用[]来规范写法，防止压缩文件后看不懂形参
        ...
    }])

    //SecondController.js
angular
    .module('app')//同上
    .controller('SecondCtrl',['$scope',function($scope){
        ...
    }])

Answer 2

angular.module('app.controllers').controller('firstCtrl',function($scope){...})

Premis pernyataan ini ialah anda mempunyai pandangan yang ng-appnya ialah app.controllers.
Parameter pertama fungsi modul ialah nilai ng-app.
Fungsi pengawal adalah untuk menentukan pengawal di bawah modul.

Answer 3

angular.module('app.controllers',[]).
Perhatikan di sini bahawa apabila modul pertama kali ditakrifkan, anda perlu mengisi kebergantungan Jika tiada kebergantungan, anda perlu mengisi tatasusunan kosong. Jika anda merujuk modul yang sama di tempat lain kemudian, tidak perlu mengisi kebergantungan.

Apabila anda menentukan dua pengawal di sini, kebergantungan tidak diisi. Ia perlu ditukar kepada yang berikut.

angular.module('app.controllers',[]).controller('firstCtrl',function($scope){...})
angular.module('app.controllers') .controller('SecondCtrl',function($scope){...})

Nota: Kebergantungan yang berbeza akan menghasilkan kejadian yang berbeza, jadi sila ambil perhatian bahawa selepas definisi selesai, anda tidak boleh mengisi kebergantungan itu lagi pada kali berikutnya anda merujuknya, jika tidak, definisi berkaitan sebelumnya akan menjadi tidak sah yang sukar untuk diselesaikan.

Untuk soalan tentang gaya sudut, disyorkan untuk merujuk kepada tuan https://github.com/johnpapa/angular-styleguide