未定義のプロパティを設定できません

Question

私のhtmlがうまくいかない理由はわかりません。私はちょうどギブスの角種子をクローンし、角度についてもっと学ぶためにいくつかの変更を加えようとしています。

view2.js

.controller('View2Ctrl', [function($scope) { 
    $scope.message='hello every one'; 
}]); 

私はちょうどコード$ scope.messageの単一の行を追加していると私は

<p>This is the partial for view 2.</p> 
<h1>hello</h1> 
<p>{{message}}</p> 
<p> 
    Showing of 'interpolate' filter: 
    {{ 'Current version is v%VERSION%.' | interpolate }} 
</p> 

view2.html view2.html

にメッセージを呼び出しています

エラーが発生します

TypeError: Cannot set property 'message' of undefined at new (http://localhost:8000/app/view2/view2.js:13:15) at invoke (http://localhost:8000/app/bower_components/angular/angular.js:4560:17) at Object.instantiate (http://localhost:8000/app/bower_components/angular/angular.js:4568:27) at http://localhost:8000/app/bower_components/angular/angular.js:9440:28 at link (http://localhost:8000/app/bower_components/angular-route/angular-route.js:985:26) at invokeLinkFn (http://localhost:8000/app/bower_components/angular/angular.js:9079:9) at nodeLinkFn (http://localhost:8000/app/bower_components/angular/angular.js:8566:11) at compositeLinkFn (http://localhost:8000/app/bower_components/angular/angular.js:7965:13) at publicLinkFn (http://localhost:8000/app/bower_components/angular/angular.js:7845:30) at boundTranscludeFn (http://localhost:8000/app/bower_components/angular/angular.js:7983:16)

私は何か不足していると思います。

Answer 1

それが縮小

.controller('View2Ctrl', ['$scope',function($scope) { // note $scope added 
$scope.message='hello every one'; 

}]);