自定义控制器不在angularjs中工作

时间:2016-05-17 14:02:46

标签: html angularjs

    <html ng-app>
    <head>
    </head>
    <body data-ng-controller="Myfunc">
    <ol type="i">
    <li data-ng-repeat="c in cust | filter:name"> {{ c.name | lowercase}} - {{c.city | lowercase}}</li>
    </ol>
   <script src="angular.js"></script>
   <script>

    function Myfunc($scope)
    {
    $scope.cust=[
    {name:'grimer',city:'ambernath'},
    {name:'primer',city:'goregaon'}
    ];
    }
    </script>
    </body>
    </html>

自定义控制器无法在angularjs中工作 不知道自定义脚本是否正常工作或其他

1 个答案:

答案 0 :(得分:1)

我已更新您的代码,现在正在运行:

<html>

<head></head>

<body>

<div ng-app>
  <div data-ng-controller="Myfunc">
    <ol type="i">
      <li data-ng-repeat="c in cust | filter:name"> {{ c.name | lowercase}} - {{c.city | lowercase}}</li>
    </ol>

    <script src="angular.js"></script>
    <script>
      function Myfunc($scope) {
        $scope.cust = [{
          name: 'grimer',
          city: 'ambernath'
        }, {
          name: 'primer',
          city: 'goregaon'
        }];
      }
    </script>

  </div>
</div>
</body>

</html>

我所做的是将ng-app移至div,将data-ng-controller="Myfunc"移至div内。

您可以在this js_fiddle网址找到工作版本。