AngularJS에서 내가 뭘 잘못하고 있니?

Question

저는 최근에 angularJS를 발견하고 그것을 배우려고 노력했기 때문에 간단한 todo 자습서를 yeoman 생성기 각도 앱으로 복사했습니다. 그러나 내 자신의 버전을 작성하려고 할 때 데이터를 자동으로 업데이트 할 수 없습니다.

내 HTML :

<div class="hero-unit"> 
<ul> 
    <li ng-repeat="p in phones">{{p.name}} - {{p.snippet}}</li> 
</ul> 
    <a href="#" ng-click="addPhone()">click me</a> 
</div> 

내 main.js

'use strict'; 

angular.module ('ngApp') .controller ("MainCtrl", 기능 ($ 범위) {

$scope.phones = [ 
    {name: "Nexus S", 
    snippet: "Fast just got faster with Nexus S."}, 
    {name: "Motorola XOOM™ with Wi-Fi", 
    snippet: "The Next, Next Generation tablet."}, 
    {name: "MOTOROLA XOOM™", 
    snippet: "The Next, Next Generation tablet."} 
    ]; 

$scope.addPhone = function() 
{ 
    console.log('clicked'); 
    $scope.phones.push({ 
     name: "iPhone 5", 
     snippet: "Awesome phone man" 
    }); 
}; 
}); 

아직 내 app.js를 수정하지 않았지만 여기에 있습니다.

'use strict'; 

angular.module('ngApp', []) 
.config(function ($routeProvider) { 
$routeProvider 
    .when('/', { 
    templateUrl: 'views/main.html', 
    controller: 'MainCtrl' 
    }) 
    .otherwise({ 
    redirectTo: '/' 
    }); 
}); 

내가 뭘 잘못하고 있니? 제 생각을 잃기 전에 도와주세요. 나는 그것이 지나치게 단순하다는 것을 확신합니다. 그러나 링크를 클릭하면 항목 자체가 목록에 추가되지 않습니다. 그러나 초기로드시 목록이 잘로드됩니다. 나는 것을 언급하는 것을 잊었다

Answer 1

당신은

angular.module('ngApp', []) 

Demo on jsFiddle