AngularJS 數(shù)據(jù)入口:input

2018-07-26 17:29 更新

input 是數(shù)據(jù)的最主要入口。 ng 支持 HTML5 中的相關(guān)屬性,同時對舊瀏覽器也做了兼容性處理。最重要的, input 的規(guī)則定義,是所屬表單的相關(guān)行為的參照(比如表單是否驗證成功)。

input 控件的相關(guān)可用屬性為:

  • name 名字
  • ng-model 綁定的數(shù)據(jù)
  • required 是否必填
  • ng-required 是否必填
  • ng-minlength 最小長度
  • ng-maxlength 最大長度
  • ng-pattern 匹配模式
  • ng-change 值變化時的回調(diào)
<form name="test_form" ng-controller="TestCtrl">
  <input type="text" name="a" ng-model="a" required ng-pattern="/abc/" />
  <span ng-click="see()">{{ test_form.$error }}</span>
</form>

input 控件,它還有一些擴展,這些擴展有些有自己的屬性:

  • input type="number" 多了 number 錯誤類型,多了 max , min 屬性。
  • input type="url" 多了 url 錯誤類型。
  • input type="email" 多了 email 錯誤類型。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號