2.3.3 AngularJS 指令 - OhNaNaSun/angularBlog GitHub Wiki

Angularjs 中文版API v1.3.9

ng-bind ng-repeat

描述: 设置ngbind属性,angular会将ngbind的值替换掉标签的内容,并更新文本内容的价值时,表达的变化。 通常情况下,不使用ngbind属性,而是使用双卷标记{ { } }。 如果网速比较慢浏览加载angularjs之前会显示原始形态时,最好用ngbind来代替,因为ngbind是元素的属性,加载的时候看不到。

An alternative solution to this problem would be using the ngCloak directive. 在ng-repeat中的使用

<ul class="nav navbar-nav navbar-right">
   <li ng-repeat="navitem in navArr track by $index"><a ng-bind="navitem.name"></a></li>
</ul>

ng-change

描述: 值改变时触发事件,这个事件是值改变就立即触发和JavaScript中的onchange的触发方式(在用户离开表单元素或按回车键时)不同。 ngChange事件只在基于model的值改变时才触发。

属性: 参数名称 参数类型 描述 ngChange expression 值改变时触发事件 用法:

<input type="password" required class="form-control" id="inputPassword3" placeholder="Password"
                               ng-model="user.password" ng-change="user.repeatpassword=''">

input

属性:

参数名称 参数类型 描述 ngModel string 绑定的数据 name (optional) string 名称 required (optional) string 不能为空的验证设置 ngRequired (optional) string 设置是否验证 ngMinlength (optional) number 设置最小长度的验证 ngMaxlength (optional) number 设置最大长度的验证,设置负数或非数字将没有最大长度的验证 ngPattern (optional) string 验证表达式 ngChange (optional) string 值改变时触发事件 ngTrim (optional) string 如果设置为false将不会自动去掉输入空的前后空格,这个属性不适用于input[type=password],input[type=password]不能去掉前后的空格

⚠️ **GitHub.com Fallback** ⚠️