发表于: 2017-05-11 17:42:05

1 947


今天完成的事: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的用法和过滤器的知识等等


返回列表 返回列表
评论

    分享到