angularjs ng-controller不工作
angularjs ng-controller不工作
提问于 2015-06-05 00:31:56
我正在尝试使用AngularJS，但我的"ng-controller“不起作用。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="lib/angular.js"></script>
</head>
<body ng-app>
<h1>Add user</h1>
<form action="addUser" method="post">
<input type="text" name="pseudo" placeholder="pseudo">
<input type="password" name="password" placeholder="password">
<input type="submit" value="envoyer">
</form>
{{1 + 2}}
<div ng-controller="myController">
{{ name }}
</div>
<a href="./remove">supression</a>
<script type="text/javascript">
function myController($scope){
alert("test");
$scope.name = 'toto';
}
</script>
</body>
</html>当我在Chrome中尝试时，{{1+2}}被正确地替换为“3”，但{{name}}不是。我期待的是“toto”。
我还试图在单击事件时显示一个警报，但它不起作用：
<script type="text/javascript">
var myApp = angular.module('MyApp', []);
myApp.controller('myController', ["$scope",function($scope){
$scope.name = 'toto';
$scope.onMyButtonClick = function(){
alert("test");
}
}])
</script>HTML
<div ng-controller="myController">
{{ name }}
<button ng-click="onMyButtonClick">test</button>
</div>当我单击时，没有任何反应。
回答 2
Stack Overflow用户
发布于 2015-06-05 00:40:44
尝试：<body ng-app> ==> <body ng-app="MyApp">
在脚本中：
angular.module('MyApp', [])
.controller('myController', ["$scope",function($scope){
$scope.name = "toto"
}])Stack Overflow用户
发布于 2015-06-05 00:41:43
别忘了
在正文中声明angular应用程序的正确属性，忘记括号angular.module('MyApp', [])
- Insert
<body ng-app="MyApp">
- Don't
ng-click="onMyButtonClick()
尝尝这个
var myApp = angular.module('MyApp', []);
myApp.controller('myController', ["$scope",function($scope){
$scope.name = 'toto';
$scope.onMyButtonClick = function(){
alert("test");
}
}])<body ng-app="MyApp">
<h1>Add user</h1>
<form action="addUser" method="post">
<input type="text" name="pseudo" placeholder="pseudo">
<input type="password" name="password" placeholder="password">
<input type="submit" value="envoyer">
</form>
{{1 + 2}}
<div ng-controller="myController">
{{ name }}
<button ng-click="onMyButtonClick()">test</button>
</div>
<a href="./remove">supression</a>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30649360
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号