发表于: 2017-05-11 17:42:05
1 948
今天完成的事:1,学习了指令ng-repeat
ng-repeat 指令用于循环输出指定次数的 HTML 元素。
ng-repeat指令,也是用来遍历数据的。
<element ng-repeat="expression"></element>
ng-repeat指令生命在需要循环内容的元素上,items和控制器上的变量名对应,item是为数组中单个对象起的别名。$index可以返回当前 引用对象的序号,从0开始,另外还有$first、$middle、$last可以返回布尔值,用于告诉你当前元素是否是集合中的第一个中间的最后 一个元素。
2,了解了angular过滤器的用法
AngularJS 过滤器可用于转换数据:
过滤器 | 描述 |
---|---|
currency | 格式化数字为货币格式。 |
filter | 从数组项中选择一个子集。 |
lowercase | 格式化字符串为小写。 |
orderBy | 根据某个表达式排列数组。 |
uppercase | 格式化字符串为大写。 |
表达式中添加过滤器
过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。
<p>姓名为 {{ lastName | lowercase }}</p>
过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中
<li ng-repeat="x in names | orderBy:'country'">
还可以自定义过滤器
app.filter('reverse', function() { //可以注入依赖 return function(text) { return text.split("").reverse().join(""); }});
总之过滤器使用很广泛。
明天要做的事:1,把ngroute换成ui-route
2,使用ng-message完成表单验证
遇到的问题:今天没有了
收获:了解了ng-repeat的用法和过滤器的知识等等
评论