2014-06-12 54 views
0

在Angular 1.0中,具有兩個具有相同名稱和不同真值的複選框將正確地使複選框具有正確的值。角度1.2中複選框的奇怪行爲

在Angular 1.2中,這種行爲似乎完全改變了,但沒有任何文檔。

這裏是我的角1.0很好的例子 http://jsfiddle.net/rpTen/248/

<form name="myForm" ng-controller="Ctrl"> 

    userType: <input name="input" ng-model="userType" required type='checkbox' ng-true-value='2'> 

<input name="input" ng-model="userType" required type='checkbox' ng-true-value='3'> 

<span class="error" ng-show="myForm.input.$error.required">Required</span><br> 
<tt>userType = {{userType}}</tt><br> 
<tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br> 
<tt>myForm.input.$error = {{myForm.input.$error}}</tt><br> 
      <tt>myForm.input.$dirty = {{myForm.input.$dirty}}</tt><br> 
<tt>myForm.$valid = {{myForm.$valid}}</tt><br> 
<tt>myForm.$error.REQUIRED = {{!!myForm.$error.REQUIRED}}</tt><br> 
</form> 

這裏是相同的例子,但更新到1.2 http://jsfiddle.net/rpTen/247/

+0

你爲什麼要2首先在一種形式中形成具有相同名稱的控件? 'ng-model'可以是相同的,但'name'毫無意義 – charlietfl

+0

從技術上講,它是有效的html,但我明白你在說什麼。我改了名字,並沒有解決潛在的問題。 –

回答

1

嗯,看着的jsfiddle有一些問題或者一些工作在plunker罰款:

plunker