2013-08-20 4 views
0

Следующий код отображает только поле ввода при запуске в браузере (Chrome). Кажется, он сломался, когда я попытался использовать директиву ng-controller.Следующий код не работает должным образом. Список не отображает

 <!doctype html> 
    <html ng-app=""> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"> </script> 
    <script> 
     function SController($Scope) { 
     $Scope.customers = 
       [{name:'John Smith',city:'Kingston'}, 
     {name:'Jane Doe',city:'Ocho Rios'}, 
     {name:'Brian Wade',city:'Negril'}, 
     {name:'John Barker',city:'Mandeville'} ]; 
     } 
    </script> 
     </head> 
     <body ng-controller="SController"> 
     <div class="container"> 
      <input type="text" data-ng-model="name"/> 
     <ul> 
     <li ng-repeat="person in customers | filter:name | orderBy:'city'">{{ person.name}} - {{ person.city }} </li> 
     </ul> 
     </div> 
     </body> 
    </html> 
+1

Используйте '$ scope', а не' $ Scope'. –

ответ

1

Ну, на первый взгляд, кажется, что вы используете $Scope вместо правильного $scope. Замените эти события и повторите попытку.

Смежные вопросы