Question

以下代码仅在浏览器（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>

Answer 1

乍一看，您似乎正在使用$Scope而不是正确的$scope。替换这些事件，然后重试。

以下代码未按预期执行。列表不呈现

1 个答案: