AngularJS简单的控制器不工作

我的代码：AngularJS简单的控制器不工作

<!DOCTYPE html> 
<head> 
<title>Learning AngularJS</title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"  type="text/javascript"></script> 
</head> 
<body> 
    <div class="container" style="background: #eec; min-height:300px; margin-top: 15px;" ng-controller="SimpleController"> 
    <ul> 
     <li ng-repeat="woman in customer">{{ woman.name }}</li> 
    </ul> 
    </div>

JS（控制器和数据）：

<script> 
    function SimpleController($scope) { 
    $scope.customer = [ 
     { name: 'Kamila', city: 'Opava' }, 
     { name: 'Nikola', city: 'Opočno' }, 
     { name: 'Jana', city: 'Pardubice' }, 
     { name: 'Martina', city: 'Hradec Kralove' }, 
     { name: 'Justýna', city: 'Chrudim' } 
    ]; 
    }; 
</script> 
</body> 
</html>

结果我的浏览器：{{ woman.name }}只

我不知道哪里是错误。

来源

2014-10-07 ondra15

您没有声明应用程序。例子：

<html ng-app="phonecatApp">

查看AngularJS example

来源

2014-10-07 12:30:25 Pracede

详细信息，请参阅此http://jsbin.com/vaweyu/1/edit

HTML：

<html ng-app="app"> 
<head> 
<title>Learning AngularJS</title> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"  type="text/javascript"></script> 
</head> 
<body> 
    <div class="container" style="background: #eec; min-height:300px; margin-top: 15px;" ng-controller="SimpleController"> 
    <ul> 
     <li ng-repeat="woman in customer">{{ woman.name }}</li> 
    </ul> 
    </div> 
</html>

JS：

var app = angular.module("app", []); 


    app.controller('SimpleController', function ($scope) { 
     $scope.customer = [ 
      { name: 'Kamila', city: 'Opava' }, 
      { name: 'Nikola', city: 'Opočno' }, 
      { name: 'Jana', city: 'Pardubice' }, 
      { name: 'Martina', city: 'Hradec Kralove' }, 
      { name: 'Justýna', city: 'Chrudim' } 
     ]; 
     });

来源

2014-10-07 12:35:40 sylwester

AngularJS简单的控制器不工作

回答

相关问题