[angularjs] angularjs系列笔记(四)控制器
2016-03-21 23:26
741 查看
Scope作用域
Scope作用域是应用在HTML视图和Js控制器之间的纽带
Scope是一个对象,有可用的属性和方法
根作用域
所有的应用都有一个$rootScope,它可以作用在ng-app指令包含的所有的html元素中
$rootScope是各个controller中scope的桥梁,用rootscope定义的值可以在各个控制器中使用
AngularJs控制器
AngularJs控制器控制AngularJs的数据
控制器的方法
AngularJs控制器通过$scope来分配变量,也可以使用方法
控制器文件一般情况下放在外部js文件中命名 XxxController.js
Scope作用域是应用在HTML视图和Js控制器之间的纽带
Scope是一个对象,有可用的属性和方法
根作用域
所有的应用都有一个$rootScope,它可以作用在ng-app指令包含的所有的html元素中
$rootScope是各个controller中scope的桥梁,用rootscope定义的值可以在各个控制器中使用
AngularJs控制器
AngularJs控制器控制AngularJs的数据
控制器的方法
AngularJs控制器通过$scope来分配变量,也可以使用方法
控制器文件一般情况下放在外部js文件中命名 XxxController.js
<body> <div ng-app="Home"> <div ng-controller="Index"> {{myName()}} </div> </div> </body> <script type="text/javascript"> //实例化应用对象,参数:模块名,空数组 var app=angular.module("Home",[]); //调用Application对象的controller()方法 app.controller("Index",function($scope){ $scope.myName=function(){ return "Tao"+"ShiHan"; } }); </script>
相关文章推荐
- yeoman-angular-gulp
- AngularJS 服务(Service)
- [Angular 2] Using Array ...spread to enforce Pipe immutability
- [Angular 2] Using Pipes to Filter Data
- Angular Light 指令用法
- [Angular 2] Controlling how Styles are Shared with View Encapsulation
- [Angular 2]ng-class and Encapsulated Component Style2
- [Angular 2] Passing data to components with @Input
- angularJS provider/factory/service初解析
- 实践中学习AngularJS表单
- 为克服HTML在构建应用上的不足而设计! AngularJS简介!零玖玖教育
- AngularJS UI Router(ui.router)嵌套视图(Nested Views)
- ionic & AngularJS 传递url类型的参数
- Angular报错
- [Angular 2] Adding a data model
- [Angular 2] Using ng-model for two-way binding
- [Angular 2] Using ng-for to repeat template elements
- AngularJS学习笔记之一: AngularJS入门
- AngularJS学习笔记之二:开发、调试和测试工具
- [Angular 2] Using the @Inject decorator