2017-08-28 60 views
0

我試着用ng-repeat使用單選按鈕,但是當重複被構造時表單不會以正確的方式綁定,所有的射頻都會出錯-_-,我做錯了什麼?就像當我點擊單選按鈕改變全部或沒有人。我正在使用角度js 1並實現。用單選按鈕重複出現的錯誤

褐:單方面達estrututa做objeto

$scope.paineis = [ 
    { 
    id:0, 
    listaCotacoes:[ 
    {id:0, situacao:0}, 
    {id:1, situacao:4} 
    ] 
    }, 
    { 
    id:1, 
    listaCotacoes:[ 
    {id:6, situacao:0}, 
    {id:9, situacao:4} 
    ] 
    } 
]; 

<tbody> 
    <tr ng-repeat="cotacoes in painel.listaCotacoes | orderBy: 'situacao'"> 
     <td><a data-target="verCotacao" class="btn-floating teal modal-trigger"><i class="material-icons">description</i></a></td> 
     <td ng-if="cotacoes.situacao == 0"><i class="material-icons light-blue-text text-accent-4">lock_open</i></td> 
     <td ng-if="cotacoes.situacao == 2"><i class="material-icons gray-text">block</i></td> 
     <td ng-if="cotacoes.situacao == 3"><i class="material-icons green-text">thumb_up</i></td> 
     <td ng-if="cotacoes.situacao == 4"><i class="material-icons red-text">thumb_down</i></td> 
     <td>21/02/2014</td> 
     <td> 
      <form action=""> 
       <div class="row"> 
       <div class="col s3"> 
        <p> 
         <input name="{{cotacoes.id}}" type="radio" id="aberta" ng-checked="cotacoes.situacao == 0" value="0" ng-model="cotacoes.situacao"/> 
         <label for="aberta{{cotacoes.id}}">Abrir</label> 
        </p> 
       </div> 
       <div class="col s3"> 
        <p> 
         <input name="{{cotacoes.id}}" type="radio" id="Finalizado" ng-checked="cotacoes.situacao == 2" value="2" ng-model="cotacoes.situacao"/> 
         <label for="Finalizado{{cotacoes.id}}">Finalizado</label> 
        </p> 
        </div> 
        <div class="col s3"> 
        <p> 
         <input name="{{cotacoes.id}}" type="radio" id="Aprovar" ng-checked="cotacoes.situacao == 3" value="3" ng-model="cotacoes.situacao"/> 
         <label for="Aprovar{{cotacoes.id}}">Aprovar</label> 
        </p> 
        </div> 
        <div class="col s3"> 
         <p> 
          <input name="{{cotacoes.id}}" type="radio" id="Reprovada" ng-checked="cotacoes.situacao == 4" value="4" ng-model="cotacoes.situacao"/> 
          <label for="Reprovada">Reprovar</label> 
         </p> 
        </div> 
        </div> 
       </form> 
      </td> 
      </tr> 
     </tbody> 
+0

請提供與問題或至少在JS用樣本數據的基本示例 –

+0

有在沒有無線電你代碼 –

+0

我添加了一些東西 –

回答

0

如果你的單選按鈕是一組即,你必須選擇一個從一組。名字"name="{{cotacoes.id}}""應該匹配所有這些。因此,而不是讓他們name="{{cotacoes.id}}"變化name="radio-group"上所有的人都應該工作

<li> 
    <input type="radio" name="radio" id="radio2" ng-model="selectedItem.style_id" value="2"> 
    <label for="radio2"><img src="/angular/images/Theme-Light-2.png" alt="course_theme_2"></label> 
</li> 

<li> 
    <input type="radio" name="radio" id="radio3" ng-model="selectedItem.style_id" value="3"> 
    <label for="radio3"><img src="/angular/images/Theme-Light-3.png" alt="course_theme_3"></label> 
</li> 

<li> 
    <input type="radio" name="radio" id="radio4" ng-model="selectedItem.style_id" value="4"> 
    <label for="radio4"><img src="/angular/images/Theme-Light-4.png" alt="course_theme_4"></label> 
</li> 

<li> 
    <input type="radio" name="radio" id="radio5" ng-model="selectedItem.style_id" value="5"> 
    <label for="radio5"><img src="/angular/images/Theme-Light-5.png" alt="course_theme_5"></label> 
</li> 

name=""attribute groups radio button小號

+0

但是當ng-repeat工作時,單選按鈕的名稱將是相同的? –

+0

是的,名稱屬性組單選按鈕。如果每個單選按鈕上的名稱不同,那麼它們就不會被分組,並且會作爲單個用戶。 – TSlegaitis