Question

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
</head>
<body>
<div data-ng-app="myApp" data-ng-controller="SimpleController">
    <h3>Adding a Simple Controller</h3> 
    <input type="text" data-ng-model="demons"/> {{demons}}
    <ul>
        <li data-ng-repeat="foo in ManiacArray | orderBy: 'name'">{{foo.name | uppercase }} => {{foo.state | lowercase }}</li>    
    </ul>

</div>

<script type="text/javascript">
    var app = angular.module(myApp, []);
    app.controller('SimpleController' function($scope){
        $scope.ManiacArray = [
        {name: 'Akshay Raina', state: 'Jammu Kashmir'},
        {name: 'Vikram Kaintura', state: 'Uttarakhand'},
        {name: 'Ronak Furia', state: 'Gujarat'},
        {name: 'Bhagyashree Shetty', state: 'Manglore'},
        {name: 'Bhavna Kamble', state: 'Maharashtra'},
        {name: 'Navin Tiwari', state: 'Uttar Pradesh'},
        {name: 'Nikung Mishra', state: 'Bihar'},
        {name: 'Ashish Natani', state: 'Rajasthan'},
        {name: 'Malaya Dalai', state: 'Orrisa'},
        {name: 'Pearl D\'mello', state: 'Goa'},
        ];
    });
</script>

</body>
</html>

我不确定为什么这不起作用.. 我试着修理..但我失败了.. 我正处于学习阶段，所以无法弄清楚这是什么问题......

Answer 1

将var app = angular.module(myApp, []);替换为

var app = angular.module("myApp", []);
将app.controller('SimpleController' function($scope){替换为 app.controller('SimpleController', function($scope){

新代码，

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
</head>
<body>
<div data-ng-app="myApp" data-ng-controller="SimpleController">
    <h3>Adding a Simple Controller</h3> 
    <input type="text" data-ng-model="demons"/> {{demons}}
    <ul>
        <li data-ng-repeat="foo in ManiacArray | orderBy: 'name'">{{foo.name | uppercase }} => {{foo.state | lowercase }}</li>    
    </ul>

</div>

<script type="text/javascript">
    var app = angular.module("myApp", []);
    app.controller('SimpleController', function($scope){
        $scope.ManiacArray = [
        {name: 'Akshay Raina', state: 'Jammu Kashmir'},
        {name: 'Vikram Kaintura', state: 'Uttarakhand'},
        {name: 'Ronak Furia', state: 'Gujarat'},
        {name: 'Bhagyashree Shetty', state: 'Manglore'},
        {name: 'Bhavna Kamble', state: 'Maharashtra'},
        {name: 'Navin Tiwari', state: 'Uttar Pradesh'},
        {name: 'Nikung Mishra', state: 'Bihar'},
        {name: 'Ashish Natani', state: 'Rajasthan'},
        {name: 'Malaya Dalai', state: 'Orrisa'},
        {name: 'Pearl D\'mello', state: 'Goa'},
        ];
    });
</script>

</body>
</html>

Answer 2

有两件事是错的：

这一行var app = angular.module(myApp, []); 应为var app = angular.module("myApp", []);您需要使用字符串初始化模块。
在你的控制器中你错过了一个逗号： app.controller('SimpleController', function($scope){

AngularJS控制器..为什么代码ID不起作用？

2 个答案: