angular js中文教程笔记
2016-02-26 23:28
543 查看
$provider.factory和$provider.service不同之处
factory可以返回任何类型,service只能返回对象,不能返回字符串等
可以通过factory中定义数据变量共享数据
filter在过滤时匹配的是json的value值不匹配key值
filter:function会根据函数过滤,返回真保留,弃假
{{expression|filter:'shanghai'}}匹配expression中value值有上海的数据
{{expression|filter:{{name:'g'}}}}匹配expression中value值有g的数据
{{expression|orderBy:name}}}}以key值name正序排序
{{expression|orderBy:-name}}}}以key值name反序排序
transclude作用
.directive('myTag',function(){
return{
restrict:'AE',
template:'<div>新数据<span ng-transclude></span></div>',
transclude:true
});
得到的结果:新数据 旧数据
一个标签中指令不能有两个template
指令的scope中false为默认值等同于当前controller的scope,变量共享
当为true是继承controller中$scope的独立作用域,能读取父$scope 的数据
factory可以返回任何类型,service只能返回对象,不能返回字符串等
可以通过factory中定义数据变量共享数据
<div ng-controller='firstController'> <input type="text" ng-model='Data.message' /> <p>{{Data.message}}</p> <div ng-controller='secondController'> <input type="text" ng-model='Data.message' /> <p>{{Data.message}}</p> </div> </div>
var m1=angular.module('myApp',[]); m1.factory('Data',function(){ return { message:'data' } }); m1.controller('firstController',function($scope,Data){ $scope.data={ name:'123' } $scope.Data=Data; }); m1.controller('secondController',function($scope,Data){ $scope.Data=Data; });
filter在过滤时匹配的是json的value值不匹配key值
filter:function会根据函数过滤,返回真保留,弃假
{{expression|filter:'shanghai'}}匹配expression中value值有上海的数据
{{expression|filter:{{name:'g'}}}}匹配expression中value值有g的数据
{{expression|orderBy:name}}}}以key值name正序排序
{{expression|orderBy:-name}}}}以key值name反序排序
transclude作用
.directive('myTag',function(){
return{
restrict:'AE',
template:'<div>新数据<span ng-transclude></span></div>',
transclude:true
});
得到的结果:新数据 旧数据
一个标签中指令不能有两个template
指令的scope中false为默认值等同于当前controller的scope,变量共享
当为true是继承controller中$scope的独立作用域,能读取父$scope 的数据
相关文章推荐
- 用一段JS代码来比较各浏览器的极限内存与运算速度
- JSP—九大隐式对象之out
- JavaScript高级程序设计(第3版)第三章读书笔记
- javascript闭包 -- 懂不懂由你,反正我是懂了
- 【读书笔记】javascript之数组操作
- jsp page指令详解
- 纯JS实现省市县三级联动
- Ajax发送和接收请求
- 对js中Function的浅见
- JS继承方式详解
- 160227、javascript特效
- 160226、js常用的验证
- Gson和Fastjson解析对比
- js原型及原型链
- JavaScript动态加载ul标签
- web小游戏 2048制作(四):过场动画 showanimation2048.js
- web小游戏 2048制作(三):辅助函数 support2048.js
- web小游戏 2048制作(二):游戏主逻辑 main2048.js
- 利用Gson实现简单的json字符串解析
- 使用javascript正则表达式实现遍历html字符串