AngularJS Display and Formatting Data 学习笔记

  • Naming conventions for AngularJS directives.
    • 文档 (camel-case)
    • 模板 (snake-case)
  • Solutions for conditionally showing and hiding blocks of markup.
    • ng-show/ng-hide 基于表达式的求值结果,显示和隐藏DOM树的一部分
    • ng-switch/ng-if 根据阿提条件增加和移除DOM节点
    • ng-include 根据表达式的求值结果,有条件的加载子模板
  • Usage patterns and pitfalls of the repeater(ng-repeat) directive.
    • ng-bind-html/ng-bind-heml-unsafe 转义
    • 在ng-repeat指令作用的DOM元素上指定控制器,即由此控制器来管理重复器生成的新作用域
    • 特殊变量: index, first, middle, last
  • Registering DOM event handlers so users can interact with an application.
    • 注册事件处理器时插值是不必需的会导致错误
    • 内置事件: 点击事件,鼠标事件,键盘事件,输入变动事件
  • Limitations of the AnjularJS DOM-based template language and possible workarounds.
    • ng-repeat-start/ng-repeat-end 迭代一组相邻的元素
    • ng-include 封装静态模板
  • Filters:their purpose and usage samples.We will go over built-in filters as well as how to create and test a custom filter.
    • orderBy过滤器两个参数:sortField (排序依据的属性名)和reverse (是否反转顺序)
    • pagination过滤器两个参数:index (索引)和pagesize(每页的条目数量)

本人刚刚接触AngularJS ,仅此是学习显示与格式化数据的小总结.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值