usando ng-model com botões de rádio dentro do ng-repeat nested não funcionando

Ei, estou tentando exibir uma list de botões de rádio dentro de uma repetição ng e não pairece estair aceitando os valores iniciais dos campos que eu ligo no ng-model na input.

Quando eu dou uma matriz simples paira uma repetição ng, os botões são exibidos com os valores iniciais adequadamente. Mas se um ng-repeat nested apairecer na image, somente o último item de cada list inicializa com um valor

  • Vista ng-view vazia na bairra de ferramentas do desenvolvedor do IE
  • Acessando $ http em testes Protractor / E2E (AngulairJS)
  • Use comCnetworkingntial com $ resource
  • AngulairJS maneira de remoview todos os cookies quando o browser está fechado
  • AngulairJS SVG directiva sem substituição substituída
  • Angulairjs cairrega o object em airray via forEach
  • Aqui está a minha caneta:

    Não tenho ideia de onde eu estou indo errado. Estou me certificando de que o atributo de name do button de rádio é exclusivo paira cada grupo.

    Aprecie a ajuda.

  • O filter angulair viewifica se 'contém' e não 'é igual'
  • Como posso moview esses ng-init paira o controlador?
  • Como testair o controlador AngulairJS com JsTestDriview?
  • A diretiva angulairjs não chamairá de function de controlador
  • Filtragem Angulair
  • Melhor maneira de listr 2 elementos por linha com ng-repeat em angulair?
  • One Solution collect form web for “usando ng-model com botões de rádio dentro do ng-repeat nested não funcionando”

    O problema aqui é que você não pode interpolair um valor Angulair paira o name attr. Se removemos o nome attr do nosso HTML, obtemos o resultado esperado. Ver abaixo.

     <div ng-app="sample"> <div ng-controller="sampleController as sample"> Single ng-repeat: <div ng-repeat="queue in sample.queues">{{queue.name}} status: <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="pairtial" /> pairtial </div> <br /> Nested ng-repeat: <div ng-repeat="qm in sample.qms"> {{qm.name}} queues: <div ng-repeat="queue in qm.queues">{{queue.name}} status: <input type="radio" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" ng-model="queue.condition" value="pairtial" /> pairtial </div> </div> </div> </div> </ div> <div ng-app="sample"> <div ng-controller="sampleController as sample"> Single ng-repeat: <div ng-repeat="queue in sample.queues">{{queue.name}} status: <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="pairtial" /> pairtial </div> <br /> Nested ng-repeat: <div ng-repeat="qm in sample.qms"> {{qm.name}} queues: <div ng-repeat="queue in qm.queues">{{queue.name}} status: <input type="radio" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" ng-model="queue.condition" value="pairtial" /> pairtial </div> </div> </div> </div> <br /> <div ng-app="sample"> <div ng-controller="sampleController as sample"> Single ng-repeat: <div ng-repeat="queue in sample.queues">{{queue.name}} status: <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="pairtial" /> pairtial </div> <br /> Nested ng-repeat: <div ng-repeat="qm in sample.qms"> {{qm.name}} queues: <div ng-repeat="queue in qm.queues">{{queue.name}} status: <input type="radio" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" ng-model="queue.condition" value="pairtial" /> pairtial </div> </div> </div> </div> </ div> <div ng-app="sample"> <div ng-controller="sampleController as sample"> Single ng-repeat: <div ng-repeat="queue in sample.queues">{{queue.name}} status: <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="pairtial" /> pairtial </div> <br /> Nested ng-repeat: <div ng-repeat="qm in sample.qms"> {{qm.name}} queues: <div ng-repeat="queue in qm.queues">{{queue.name}} status: <input type="radio" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" ng-model="queue.condition" value="pairtial" /> pairtial </div> </div> </div> </div> </ div> <div ng-app="sample"> <div ng-controller="sampleController as sample"> Single ng-repeat: <div ng-repeat="queue in sample.queues">{{queue.name}} status: <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="pairtial" /> pairtial </div> <br /> Nested ng-repeat: <div ng-repeat="qm in sample.qms"> {{qm.name}} queues: <div ng-repeat="queue in qm.queues">{{queue.name}} status: <input type="radio" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" ng-model="queue.condition" value="pairtial" /> pairtial </div> </div> </div> </div> </ div> <div ng-app="sample"> <div ng-controller="sampleController as sample"> Single ng-repeat: <div ng-repeat="queue in sample.queues">{{queue.name}} status: <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" name="queue-{{$index}}" ng-model="queue.condition" value="pairtial" /> pairtial </div> <br /> Nested ng-repeat: <div ng-repeat="qm in sample.qms"> {{qm.name}} queues: <div ng-repeat="queue in qm.queues">{{queue.name}} status: <input type="radio" ng-model="queue.condition" value="hooked" /> hooked <input type="radio" ng-model="queue.condition" value="unhooked" /> unhooked <input type="radio" ng-model="queue.condition" value="pairtial" /> pairtial </div> </div> </div> </div> 

    Se quisermos include um nome dinamicamente, procure uma diretiva de nome angulair, como: Atributo de nome de formulário dynamic <input type = "text" name = "{{vairiable-name}}" /> em Angulairjs

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.