如何根据文档创建AngularJS控制器
How to create an AngularJS controller according to the documentation
我是AngularJS的新手,我正在努力弄清楚为什么有些文档代码不适合我。虽然下面的全局函数控制器对我有效,但文档说我应该通过Angular模块创建控制器。
这里有一个指向具有相同代码的JSFiddle的链接。
工作JS控制器:
function MyController($scope) {
$scope.username = 'World';
$scope.sayHello = function() {
$scope.greeting = 'Hello ' + $scope.username + '!';
};
}
JS控制器损坏:
var myApp = angular.module('myApp',[]);
myApp.controller('MyController', ['$scope', function($scope) {
$scope.sayHello = function() {
$scope.greeting = "Hi " + $scope.username;
};
}]);
HTML文件:
<div ng-app="">
<div ng-controller = "MyController">
Your name:
<input type="text" ng-model="username">
<button ng-click='sayHello()'>greet</button>
<hr>
{{greeting}}
</div>
</div>
<div ng-app="myApp">
您必须指定您正在使用的应用程序的名称,因为控制器属于该模块。
js的更新版本:http://jsfiddle.net/PH5yK/2/
相关文章:
- 将值从html传递到AngularJS控制器
- angularjs-控制器在表单提交时未调用
- Angularjs控制器本地错误
- AngularJS:控制器中的函数被模板多次调用
- 将AngularJS控制器拆分为多个文件
- AngularJS控制器范围
- AngularJS控制器不工作,为什么?(简单的控制器示例)
- AngularJS控制器在注入工厂时抛出错误
- 如何使用onclick事件调用AngularJS控制器
- angularjs控制器未启动
- 设置AngularJS控制器属性不能是使用Coffeescript的最后一行
- 如何使AngularJS控制器依赖于通过ajax加载在rootScope上的值
- 通过因果报应测试管理angularjs控制器初始化
- AngularJs 控制器中的实时时钟功能
- Angularjs:控制器的代码组织
- 简单的AngularJS控制器不起作用
- 如何从 angularjs 控制器访问$resource
- 在 html5 视频结束时调用 AngularJS 控制器函数
- AngularJS控制器内部的功能
- AngularJS控制器中基于值的重定向