几个不常用angularjs指令的使用方法

1:ng-list
使用ng-list可以将输入信息转换为数组,以逗号分隔。
例如输入:1,2,3,4,5,6,7
拿到的值为[“1”,“2”,“3”,“4”,“5”,“6”,“7”].
可常用与添加多个XX之类的场景。

<input ng-model="name" ng-list/>

2:ng-model-options
ng-model-options 指令绑定了 HTML 表单元素到 scope 变量中
可以理解为规定scope中的值合适变化
一下示例为失去焦点时更新scope的值

使用场景:根据输入框的值的变化来过滤ng-repeat。值很多的时候输入一直输入页面反应会慢,可以试试失去焦点时再进行过滤

  <input ng-model="name" ng-model-options="{updateOn: 'blur'}">

参数说明:
{updateOn: ‘event’}规则指定事件发生后绑定数据
{debounce : 1000} 规定等待多少毫秒后绑定数据
{allowInvalid : true|false} 规定是否需要验证后绑定数据
{getterSetter : true|false} 规定是否作为 getters/setters 绑定到模型
{timezone : ‘0100’} 规则是否使用时区

3:ng-trim
顾名思义,当时是去掉输入框前后的空格(不包括中间)

4:ng-true-value
checkbox 选中复选框时,如果需要的值不是默认的true和false,可以ng-true-value和ng-false-value来规定有没有选中时候的值。

<label>Value1:
    <input type="checkbox" ng-model="checkboxModel.value2"   ng-true-value="'选中了'">
  </label><br/>
  <label>Value2:
    <input type="checkbox" ng-model="checkboxModel.value2"
           ng-true-value="'选中了'" ng-false-value="'没选中'">
   </label><br/>

回写也很方便呢!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值