Angularjs ngMessages ng-messages = {multiple。$ error}？

我是新來的angularjs，我只是想知道ngMessage的'ng消息'屬性可以做什麼。

我想爲多輸入[type = text]元素顯示一個ngMessage。例如：

<input type="text" id="name1" ng-model="person.name1" /> 
<input type="text" id="name2" ng-model="person.name2" /> 
<input type="text" id="name3" ng-model="person.name3" /> 
<input type="text" id="name4" ng-model="person.name4" /> 

<div id="error" 
ng-messages="person.name1.$error || 
      person.name2.$error || 
      person.name3.$error || 
      person.name4.$error" 

ng-show="person.name1.$touched || 
     person.name2.$touched || 
     person.name3.$touched || 
     person.name4.$touched" 
ng-include="errorMsg.html" 
/>

將顯示所有4個輸入[type = text]屬性的驗證消息。

來源

2015-06-08 deimarie

嘗試使用它，它在以下方式： -

<form name="Form_Name"> 
    <label> 
    Enter your name: 
    <input type="text" 
      name="myName" 
      ng-model="name" 
      ng-minlength="5" 
      ng-maxlength="20" 
      required /> 
    </label> 
    <pre>myForm.myName.$error = {{ myForm.myName.$error | json }}</pre> 

    <div ng-messages="myForm.myName.$error" style="color:maroon" role="alert"> 
    <div ng-message="required">You did not enter a field</div> 
    <div ng-message="minlength">Your field is too short</div> 
    <div ng-message="maxlength">Your field is too long</div> 
    </div> 
</form>

來源

2015-06-08 08:54:06

我在想多輸入[type = text]來顯示一個ng-messages指令。抱歉，但這並沒有解決問題。感謝您的答案雖然.. :) – deimarie

默認情況下，ngMessages一次只會顯示一個錯誤。但是，如果您希望顯示所有消息，則可以在包含ngMessages指令的元素上使用ng-messages-multiple屬性標誌來實現此目的。 –

我想從多個輸入[type = text]中顯示一個錯誤，並且不會在單個輸入[type = text]中顯示多個錯誤。 – deimarie

最好的解決方案，我所遇到到目前爲止是組要與data-ng-form='subform' name='subform'的字段，然後消息元素：data-ng-messages='subform.$error'

來源

2016-07-28 13:08:33 Kraken

Angularjs ngMessages ng-messages = {multiple。$ error}？

回答

相關問題