2017-08-28 11 views
0

ng-repeatでラジオボタンを使用しようとしていますが、リピートが構築されていれば、正しい方法でバインドされません、バグすべてのラジオ-_-、何が間違っていますか?ラジオボタンをクリックしたときのように、全部または何も変えません。私は角度js 1を使用して、マテリアライズしています。ラジオボタンでngリピートのバグを修正しました

AQUI:PARTEダestrututaあなたのラジオボタンを使用すると、グループからいずれかを選択する必要があり、グループすなわちある場合

$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

を動作するはずそれらのすべてのname="radio-group"name="{{cotacoes.id}}"変化があるのサンプルデータとの問題か、少なくともJSとの基本的な例を提供してください –

+0

何のラジオはあなたの中にありませんコード –

+0

私はいくつかのものを追加します –

答えて

0

objetoください。名前が"name="{{cotacoes.id}}""の場合は、すべて一致する必要があります。だからではなく、彼らに

<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

関連する問題