AngularJS简单控制器不工作
AngularJS simple controller is not working
我的代码:
<!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 }}
我不知道哪里出了错。
您没有声明应用程序。示例:
<html ng-app="phonecatApp">
请参阅AngularJS示例的详细信息
请参阅此处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' }
];
});
相关文章:
- 为什么ng控制器不调用或工作或功能不工作
- AngularJS控制器不工作,为什么?(简单的控制器示例)
- 角度控制器功能赢得'不按指令工作
- console.log在角度控制器内不工作
- 角度控制器功能不;在指令内部调用时,似乎无法始终如一地工作
- 如何使Angular JS控制器与指令一起工作
- AngularApp中的多个控制器不工作
- 具有范围变量的控制器不工作
- 角度指令和属性Don'在控制器内创建和设置时无法工作
- AngularJS控制器没有'第一次刷新页面后无法工作
- 包含ngMock时控制器不工作
- 部分html视图's控制器未使用KendoPanelBar内容URL在指令模板URL中工作
- 在第三个控制器中使用时RootScope不工作
- angularJS-当我添加ngRoute时,控制器停止工作
- 角度控制器的作用是什么;t控制器'他的工作由指令来完成
- Typescript$inject$timeout到指令中..在控制器中工作,而不是在链接中
- AngularJS,第二个控制器不工作
- ng-显示无法从控制器工作
- 角度 js 控制器不工作
- AngularJS 1.3 路由不工作;控制器从未调用