发表于: 2017-05-29 22:05:48

1 931


今天完成的事情:

    完成任务7的ng-repeat渲染数据

    angular过滤器应用

    

  

明天计划的事情

   学习ui-router

   angular界面传参

   开始任务8

    

    

遇到的问题:

  1.angular自定义过滤器

  下面是判断状态机的过滤器,这里return function(itemStatus)中的参数itemStatus是自己设定的(可以随意更换成其他的单词,我理解过滤器在运行中是将自自己设置的参数(自己命名的单词)替换成需要判断的对象)。然后在HTML中判断   <td>{{item.status | statusFilter }}</td>。在网上看到的教程都是将控制器写在controller函数之外,与controller函数属于兄弟级别,如果将过滤器写成controller的子级别,感觉也没有问题。

backstageCtrls.filter("statusFilter",function(){

    return function(itemStatus){

       if (itemStatus === 1){

           itemStatus = "草稿";

       }else {

           itemStatus = "上线";

       }

       return itemStatus ;

    }

}

);

2.  ui-router与ng-router

   任务8是使用ui-router替换之前使用的ng-router,在网上查了一下ui-router,ng-router实现不了多页面应用,并且ui-router更适合路由嵌套,所谓路由嵌套就是页面某个动态变化区块中,嵌套着另一个可以动态变化的区块。还有些区别也没有看懂什么意思,明天应用的时候研究一下。

      ui-router(左)                      ng-router(右)

应用程序内的一个区域              | 应用程序中的 url

可以嵌套的层次结构                 | 只是平面层次结构

名称可以自定义                        | 名称只能是 url

通过名称或 url 导航                  |只能通过 url 导航

可以存在多个视图(ui-view)  | 只能单一视图(ng-view)

可以填充任何视图                    | 只能填充一个视图

通过状态填充某一部件             | 通过指令将填充某一部件

       

  

收获: 学习angular过滤器,ui-router。



返回列表 返回列表
评论

    分享到