angular
2015-11-22 18:29
609 查看
**
angular中controller的作用域,
controller共享服务factory的数据,
绑定controller的方法,
**
代码地址
https://jsbin.com/filenaxare/edit?html,js,output
1.自定义过滤器
https://jsbin.com/zomegacici/edit?html,js,output
实例代码
js代码
代码重点难点图解
作用:
提供了可以在路由和指令中创建匿名控制器的能力;
angular中controller的作用域,
controller共享服务factory的数据,
绑定controller的方法,
**
代码地址
https://jsbin.com/filenaxare/edit?html,js,output
1.自定义过滤器
angular 指令中scope参数实例
实例地址https://jsbin.com/zomegacici/edit?html,js,output
实例代码
<!DOCTYPE html> <html ng-app="myApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <div ng-controller="myController"> <input type="text" ng-model="name"> <div>name:{{name}}</div> <div dir name='{{name}}' age="{{person.age}}" for-name="{{person.name}}"> </div> </div> </body> </html>
js代码
var myApp=angular.module('myApp',[]); myApp.controller('myController',function($scope){ $scope.name='zhangsan'; $scope.person={ age:23, name:'lisi' }; }); myApp.directive('dir',function(){ return { scope:{ name:'@name', age:'@age', perName:'@forName' }, template:'<div>指令----name:{{name}}</div><div>指令----person.age:{{age}}</div><div>指令----person.name:{{perName}}</div>隔离作用域中:<input type="text" ng-model="name"></div><div>隔离作用域中:person.age<input type="text" ng-model="age"></div>' }; });
代码重点难点图解
指令中controllerAs的用法实例
var myApp=angular.module('myApp',[]); myApp.directive('dir',function(){ return{ controllerAs:'myControll', controller:function(){ this.msg='zhangsan'; }, template:'<div>{{myControll.msg}}</div>' }; });
作用:
提供了可以在路由和指令中创建匿名控制器的能力;
相关文章推荐
- [AngularJS] 常用指令
- angularJS学习之路(一)---开始入门
- ANGULARJS前端路由的基本原理
- [AngularJS] 入门
- angular框架
- angularjs控制层
- angular的基础知识
- AngularJS 入门学习
- angularjs学习总结
- angular的filter日期格式
- angular的$interpolate服务
- angularjs过滤器filter处理时间格式
- AngularJs $anchorScroll、$controller、$document
- AngularJS路由系列(6)-- UI-Router的嵌套State
- AngularJS路由系列(5)-- UI-Router的路由约束、Resolve属性、路由附加数据、路由进入退出事件
- AngularJS路由系列(4)-- UI-Router的$state服务、路由事件、获取路由参数
- AngularJS路由系列(3)-- UI-Router初体验
- AngularJS内置指令
- (笔记)angular选中变色
- AngularJS进阶(九)控制器controller之间如何通信