发表于： 2017-02-24 23:14:41
2 1463
今天完成的事情：
1.看了师兄发在群里的闭包文章再次理解闭包。
2.详细学习angularjs中的自定义指令。深入学习了网友封装的分页指令插件源码：个人觉得这个插件还是挺不错的，地址贴在下面：
https://github.com/miaoyaoyao/AngularJs-UI/blob/master/src/pagination/tm.pagination.js
遇到的问题：
目前对封装的过程中的scope属性理解运用不到位。
明天计划的事情：
封装自己的分页插件。学习自定义服务。查漏补缺，深化学习。
收获：
1.总结了一篇关于闭包的理解博客。地址如下：（欢迎拍砖）
http://blog.csdn.net/lance_10030/article/details/56833138
2.关于ng-repeat track by：
意思是指数组中有2个以上的相同数字。ngRepeat不允许collection中存在两个相同Id的对象；；对于数字对象来说，它的id就是它自身的值，因此，数组中是不允许存在两个相同的数字的。为了规避这个错误，需要定义自己的track by表达式。例如：item
in items track by item.id或者item in items track by fnCustomId(item)。嫌麻烦的话，直接拿循环的索引变量$index来用item in items track by $index
3.
.关于templateUrl的用法：典型例子如下：
templateUrl:可将模板放在<script>标签中再放在 ng-controller中。
<body >
<div ng-app="myApp" ng-controller="myController">
<!-- 引用自定义指令 -->
<my-directive></my-directive>
<!-- 模板代码：须放在myController所在标签内部 -->
<script type="text/ng-template" id="template.html">
<div> 自定义指令模板的templateUrl形式</div>
</script>
</div>
<script>
//创建模块
var app = angular.module('myApp', []);
//创建控制器
app.controller('myController', function($scope) { });
//创建自定义指令
app.directive("myDirective", function() {
return {
restrict:'E',
templateUrl : "template.html"
};
});
</script>
</body>
返回列表
评论