ng-repeat用於多種類型的輸入模板

我正在製作用戶界面來添加和編輯數據庫。我使用微風來管理數據庫，顯示器的角柵格和用戶輸入的ui-bootstrap模態對話框。當我在輸入標籤上設置type =「」時，我無法完成輸入所有信息。如果輸入=「text」，那麼我的主鍵（這是一個數字）會引發錯誤。如果type =「number」，那麼我的大部分其他輸入都不被接受。我相信我有文本，數字和日期時間輸入。有沒有一種很好的，直接的方法來實現我的模板中的多種類型？我即將放棄，只需輸入密鑰，然後讓用戶在表格中添加其餘部分。ng-repeat用於多種類型的輸入模板

<div class="modal-body"> 
    <div ng-repeat="(key, value) in newRow"> 
     <label>{{key | uppercase}}</label> 
     <input placeholder="Enter &quot;{{key}}&quot; value" 
      class="form-control" 
      type="number" 
      ng-model="newRow[key]" /> 
    </div> 
</div>

來源

2015-06-24 torple

可以使用納克級返回「文本」，「數字」等

<div class="modal-body"> 
    <div ng-repeat="(key, value) in newRow" ng-class="{text:checkDataType(), number:checkDataType()}"> 
     <label>{{key | uppercase}}</label> 
     <input placeholder="Enter &quot;{{key}}&quot; value" 
      class="form-control" 
      type="number" 
      ng-model="newRow[key]" /> 
    </div> 
</div>

我不知道你是否有從查不到數據類型的一種方式你得到的數據，所以我把checkDataType（），作爲填充。如果您確實有辦法找出數據類型，則可以相應地將它設置爲等於一個字符串。如果不是，你將不得不創建checkDataType（）函數並寫入一些js。如果您有任何問題或需要示例，請告訴我。祝你好運！

來源

2015-06-24 19:29:43

ng-repeat用於多種類型的輸入模板

回答

相關問題