https://github.com/angular/angular-seedのクローンを使用して、単純な Angular.js アプリを作成しています。HTML にバインドするためにいくつかのプロパティをコントローラーに入れようとしていますが、理解できないエラー メッセージが表示され続けます。
現在、私の controllers.js ファイルは次のようになっています。
'use strict';
/* Controllers */
angular.module('myApp.controllers', []).
controller('MyCtrl1', [function($scope) {
$scope.names = 'bob'
}])
.controller('MyCtrl2', [function() {
}]);
それが役立つ場合は、app.jsもここにあります：
'use strict';
// Declare app level module which depends on filters, and services
angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers']).
config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/view1', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'});
$routeProvider.when('/view2', {templateUrl: 'partials/partial2.html', controller: 'MyCtrl2'});
$routeProvider.otherwise({redirectTo: '/view1'});
}]);
アプリのデフォルト名「myApp」を使用し、HTML 内で ng-view も呼び出しました。MyCtrl1 が使用されている場合、次のエラーが継続的に発生します。
TypeError: Cannot set property 'names' of undefined
ここで構文的に何か間違っていますか？問題を回避するために controllers.js のみを変更しようとしたので、他の場所で問題が発生することはありません...