0

Im Versuch verwenden Radio-Button mit ng-Wiederholung, aber wenn die Wiederholungen konstruiert sind die Form nicht binden den richtigen Weg, Bugs alle Radio -_-, was mache ich falsch? Wie wenn ich in den Radio-Knopf klicke, ändere alle oder keinen. Ich benutze angular js 1 und materialisieren.Fehler in ng wiederholen mit Radiobuttons

Aqui: parte da estrututa tun 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

Bitte geben Sie ein grundlegendes Beispiel mit der Ausgabe oder atleast der JS mit Beispieldaten arbeiten sollte –

+0

Es gibt kein Radio in Ihrem Code –

+0

Ich füge einige Dinge hinzu –

Antwort

0

Wenn Ihr Radio-Buttons eine Gruppe d.h sind, wo man aus einer Gruppe, einen auszuwählen. Der Name "name="{{cotacoes.id}}"" sollte auf allen übereinstimmen. Also anstatt sie name="{{cotacoes.id}}" Änderung auf alle von ihnen zu name="radio-group" zu haben, die

<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 s

+0

, aber wenn die ng-Wiederholung funktioniert, wird der Name der Radio-Tasten identisch sein? –

+0

Ja, das Namensattribut gruppiert Optionsfelder. Wenn der Name auf jedem Optionsfeld unterschiedlich ist, werden sie nicht gruppiert und agieren als Individuum. – TSlegaitis

Verwandte Themen