angular里面的错误，我没找到

Question

这是我的代码..我在哪里遇到问题..请帮助我..我正在尝试创建一个控制器来填充获取数据并在 html li 部分显示..但我没有不明白错误在哪里..我尝试添加 jQuery min library 而没有它..但是失败了..请帮助我解决这个问题..

<html data-ng-app="myApp">
<head>
    <title>First Angular application</title>
</head>
<body>
    checkNames:
    <input type="text" data-ng-model="namek">
    <div class="container" data-ng-controller="SimpleController">
        <ul>
            <li data-ng-repeat="cast in castomers | filter:namek">{{cast.name|uppercase}} - {{cast.city}}</li>
        </ul>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/angular.min.js"></script>
    <script>
        function SimpleController($scope) {
            $scope.castomers = [{ name: 'krishnendu sarkar', city: 'kolkata' },
                                { name: 'chanchal sarkar', city: 'bangalore' },
                                { name: 'nilava chakraborty', city: 'pune' }]
        };
    </script>
</body>
</html>

提前致谢..

Answer 1

您应该先创建名称为 myApp 的 angular 模块，然后您可以让 data-ng-controller="SimpleController" 将其移到 body 标签上，这样 namek 输入字段包含在 SimpleController 控制器上下文中。

在 body 标签上添加 ng-app="myApp"。以便 angular 模块在页面上初始化。

标记

<body  data-ng-controller="SimpleController">
  checkNames:
  <input type="text" data-ng-model="namek">
  <div class="container">
    <ul>
      <li data-ng-repeat="cast in castomers | filter:namek">{{cast.name|uppercase}} - {{cast.city}}</li>
    </ul>
   </div>
</div>

控制器

angular.module('myApp', []).controller('SimpleController', SimpleController);

function SimpleController($scope) {
  $scope.castomers = [{
    name: 'krishnendu sarkar',
    city: 'kolkata'
  }, {
    name: 'chanchal sarkar',
    city: 'bangalore'
  }, {
    name: 'nilava chakraborty',
    city: 'pune'
  }]
};

Demo PLunkr

Answer 2

请参阅此 link here 以查看完整代码。

您应该创建 angular 模块 "myApp" 来定义应用程序然后在其中定义控制器。

angular里面的错误，我没找到

Whis is the error in angular, I couldnot find it

javascript

angularjs

angularjs-controller

angularjs-module