发表于: 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。
评论