无法弄清楚这个简单的Angular控制器的问题

时间:2016-09-24 12:32:20

标签: javascript angularjs

我是AngularJS的新手,并且遇到一个简单的控制器问题。任何人都可以帮助我吗?我不明白为什么SimpleController在这里不起作用!!! 我需要在字段后面显示文本框的输入,如{{name}}所示。 基本上它应该生成从SimpleController' where this list should be filtered by名称and ordered by预算中检索到的客户列表... 但事实并非如此! 这是Html和JS代码:

<html ng-app="">
    <head>
       <title>My Angular with Simple Controller</title>
    </head>
    <body>
    <div ng-controller="SimpleController">
        Name: 
        <br />
        <input type="text" ng-model="name" /> {{name}}
        <br />
        <h3> Looping with ng-repeat & SimpleController</h3>
        <ul>
            <li ng-repeat="cust in customers | filter:name | orderBy:'budget'">
                 {{cust.name}} - {{cust.city}} - {{cust.budget}}
            </li>
        </ul>
    </div>

    <script src="angular.min.js"></script>
    <script>
        function SimpleController($scope) {
            $scope.customers = [
                {name: 'AAA', city:'cityAAA', budget:'500'},
                {name: 'BBB', city:'cityBBB', budget:'5000'},
                {name: 'ABC', city:'cityABC', budget:'6000'},
            ];
        }
    </script>
</body>
</html>    

该方案在不使用控制器的情况下工作正常(仅使用ng-init

1 个答案:

答案 0 :(得分:0)

添加角度模块时工作正常。

var myApp = angular.module('myApp',[]);

Fiddle