angular 控制器conctrol
2018-11-21 本文已影响0人
newway_001
控制器怎么用？
首先声明模块
模块下挂载控制器→控制器的作用范围仅限于当前模块→局部控制器
控制器的意思，是可以在网页中任意地方通过ng-controller进行注册
控制器的作用
1、通过$scope进行数据状态的初始化操作
2、通过$scope进行事件处理函数的挂载操作
控制器的使用注意事项
不要用控制器做下面的事情：
1、DOM操作：使用AngularJs中的数据双向绑定和自定义指令执行操作
2、表单处理：使用Angular中的form controls进行操作
3、数据格式化展示：使用Angular中的过滤器Filter来进行操作
4、不同控制器之间的数据共享：使用Angular中的自定义服务Service进行处理
例子
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
</head>
<body>
<p ng-controller="myCtrl">{{name}}</p>
<div ng-controller="myCtrl2">
{{name}}
</div>
<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.name="summer";
});
app.controller('myCtrl2', function ($scope) {
$scope.name="zeoy";
});
</script>
</body>
</html>
