为什么 ng-controller 不调用或不工作或函数不工作答案

【问题标题】：why ng-controller is not calling or working or function is not working为什么 ng-controller 不调用或不工作或函数不工作
【发布时间】：2015-04-07 16:22:24
【问题描述】：

<!DOCTYPE html>
<html data-ng-app="myApp">
<head>
    <title></title>
    <script src="Script/angular.js"></script>
</head>
<body data-ng-controller="SimpleController">

// 控制器定义 //

        <ul>
            <li data-ng-repeat="data in customers">

//数据不是访问控制器

             {{data.name}}-{{data.city}}
             </li>
        </ul>
    </div>

/这样定义控制器是否正确/

    <script>
        function SimpleController($scope) {
                 $scope.customers = [
                 { name: 'alok ', city: 'azam' },
                 { name: 'muku', city: 'lko' },
                 { name: 'rajat', city: 'jungle' }

                 ];}
                 </script>
</body>
</html>

【问题讨论】：

angularjs 版本？如果它是 1.3 或更高版本，请看这个stackoverflow.com/questions/26646941/…

标签： javascript angularjs

【解决方案1】：

我已经稍微改写了你的 html，它现在可以工作了。您必须定义名为 myApp 的模块，并且必须使用控制器指令在模块中定义控制器。请查看我添加的示例 http://jsfiddle.net/uv0gw4kL/2/

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title></title>
</head>
<body ng-controller="SimpleController">

  <ul>
    <li ng-repeat="data in customers">
      {{data.name}}-{{data.city}}
  </li>
</ul>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js"></script>
    <script type="text/javascript">
        angular.module('myApp', [])
        .controller('SimpleController', function ($scope) {
            $scope.customers = [
            { name: 'alok ', city: 'azam' },
            { name: 'muku', city: 'lko' },
            { name: 'rajat', city: 'jungle' }
            ];
        });
    </script>
</body>
</html>

更多关于角度控制器的信息在这里 http://www.w3schools.com/angular/angular_controllers.asp

您还可以使用控制器提供商的 allowGlobals 功能 https://docs.angularjs.org/api/ng/provider/$controllerProvider 但不推荐。

【讨论】：