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/>
回写也很方便呢!