Angular入门级教程三 Angular 中的控制器(controller)

来源:互联网 发布:删除的sql语句怎么写 编辑:程序博客网 时间:2024/06/06 02:09

            控制器: 控制 AngularJS 应用程序的数据实际上就是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。就是向页面中的作用域中添加额外的功能。

           一般就会用到了之前说的ng-controller指令了,在页面的元素引入绑定中,就确定了作用范围在该元素中有效,当然ng-controller指令要先在模块中定义,

<div ng-app="myapp1"><div ng-controller="conTral">{{name}} </div></div>

<script type="text/javascript">var app1=angular.module("myapp1",[]);app1.controller("conTral",function($scope){
        $scope.name="tom"});</script>
这里的controller有两个参数,第一个参数定义该控制器的名字,第二个是函数,函数中的$scope参数一个应用对象(属于应用变量和函数)。

 通过上面一个简单例子可以看出它的使用过程,这只是非常简单的一个例子,$scope还可以定义函数,对象等。需要多做练习熟悉的掌握控制指令。

              模块中,可以给模块挂载一个或者多个控制器, 挂载好的控制器在当前模块范围内,可以通过ng-controller指令来指定控制器的作用范围,所以注意控制器的范围,一旦超出范围就无效了。
            多做练习,熟悉快速的掌握控制器指令。请继续关注!!!


0 0
原创粉丝点击