Почему этот код angularjs не работает?

Question

Все остальные скрипки работают, я основываю свой код на своих, но по какой-то причине он не работает.

http://jsfiddle.net/prarg2zg/1/

Я вижу, фигурные скобки, которые обычно исчезают, когда угловые удары ногами в.

HTML

<div ng-controller="MyCtrl"> 
    <table> 
     <thead> 
      <th>Name</th> 
      <th>Age</th> 
     </thead> 
     <tr ng-repeat="person in people"> 
      <td>{{name}}</td> 
      <td>{{age}}</td> 
     </tr> 
    </table> 
</div> 

JS

var myApp = angular.module('myApp', []); 

function MyCtrl($scope) { 
    $scope.people = [{ 
     name: "test", 
     age: 18 
    }, { 
     name: "test2", 
     age: 18 
    }, { 
     name: "Test1", 
     age: 18 
    }]; 
} 

Answer 1

Две вещи:

<div ng-app="myApp"> 
    <div ng-controller="MyCtrl"> 
     <table> 
      <thead> 
       <th>Name</th> 
       <th>Age</th> 
      </thead> 
      <tr ng-repeat="person in people"> 
       <td>{{person.name}}</td> 
       <td>{{person.age}}</td> 
      </tr> 
     </table> 
    </div> 
</div> 

Недостающие ng-app

И не используя person.name, person.age

Обновлено скрипка: http://jsfiddle.net/KyleMuir/prarg2zg/4/

Answer 2

Имя и возраст не входят в комплект , но каждый person есть. Вытащите свойства прочь человека, как вы структурированы в контроллере:

<div ng-controller="MyCtrl"> 
    <table> 
     <thead> 
      <th>Name</th> 
      <th>Age</th> 
     </thead> 
     <tr ng-repeat="person in people"> 
      <td>{{person.name}}</td> 
      <td>{{person.age}}</td> 
     </tr> 
    </table> 
</div> 

Вы также должны зарегистрировать контроллер для вашего приложения:

var myApp = angular.module('myApp', []); 



function MyCtrl($scope) { 
    $scope.people = [{ 
     name: "test", 
     age: 18 
    }, { 
     name: "test2", 
     age: 18 
    }, { 
     name: "Test1", 
     age: 18 
    }]; 
} 

myApp.controller('MyCtrl', ['$scope', MyCtrl]); 

Работа в скрипкой: http://jsfiddle.net/prarg2zg/5/