angular动态选择HTML模板,AngularJS:处理HTML模板的理想方法?

博客讨论了在AngularJS中处理HTML模板的最佳实践,尤其是针对不同任务展示数据变化的情况。作者指出当前模板存在重复元素的问题,提出了是否应该将整个模板拆分以提高可读性,而非使用大量条件语句。文章寻求更好的模板处理方式。
摘要由CSDN通过智能技术生成

我正在从事一个项目,我们有几个不同的Tasks,每个Task都有它自己的显示数据的方式,它们是不需要单独控制器和视图的小数据更改。AngularJS:处理HTML模板的理想方法?

例如,一个任务可能有一个标题,显示Username,下一个任务不需要用户名并将其替换为Behavior。

下面是我在做什么现在:

  • {{event.EventName}}

    Username: {{ event.User.Name }}

    {{ event.RecordDateUtc | moment: 'MM/DD/YYYY' }}

    %7B%7B%20event.SnapshotJpg%20%7D%7D

    Record Date:
    {{ event.RecordDateUtc | moment: 'MM/DD/YYYY HH:MM A' }} {{ event.RecordDateTz }}

    View Event

    {{event.EventName}}

    Username: {{ event.User.Name }}

    Behavior: {{ event.BehaviorNames }}

    {{ event.RecordDateUtc | moment: 'MM/DD/YYYY' }}

    Event:
    {{ event.EventId }}
    Group:
    {{ event.QueryKey.GroupIds[0] }}
    Record Date:
    {{ event.RecordDateUtc | moment: 'MM/DD/YYYY HH:MM A' }} {{ event.RecordDateTz }}

    View Event

因此,有相当多的垃圾通过重复的元素,但是我觉得好像它是一个比较可读分裂整个模板,而不是每条信息都有很多的条件。

有没有更好的方法来处理这些模板?

2013-11-01

Neil

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值