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
- Angular入门级教程三 Angular 中的控制器(controller)
- Angular快速入门2 ---控制器(controller)
- Angular入门02- Module模块、Controller控制器
- angular--控制器controller
- (三)Angular控制器,Module.controller() 控制器,单向绑定和双向绑定
- angular 之 控制器 controller详解
- angular入门学习控制器
- 测试angular中的controller
- angular中的$controller服务
- angular学习(三)—— Controller
- angular学习(三)—— Controller
- Angular入门 Angular控制器 常见内置指令
- Angular入门、Angular控制器、Angular常见内置指令总结
- AngularJS入门(6)-Angular控制器
- Angular(五)_控制器ng-controller
- Angular控制器
- Angular控制器
- angular模块控制器分离入门一
- spring boot实现文件上传下载以及多文件上传
- 自定义adapter notifyDataSetChanged失效的解决
- Android6.0 有关权限的研究(第二版)
- 面经
- 关于java多态的解释学习
- Angular入门级教程三 Angular 中的控制器(controller)
- 洛谷 1417——烹调方案【动规】
- ehcache memcache redis 比较
- linux安装chrome,chrome安装flash player,firefox安装flash player
- android自定义属性
- 组件化入门
- Gym 101097G Party
- swap分区脚本
- tomcat配置