AngularJs: ng-model não está vinculado a ng-marcado para o tipo de entrada = "radio", usando com ng-repeat [duplicate]
Esta pergunta já tem uma resposta aqui:
AngularJS: o modelo ng não está vinculado ao ng marcado para as caixas de seleção 5 respostasEstou tentando usar a diretiva ng-repeat com trilha por expressão, para mostrar botões de opção, quando eu envio o valor é anexado no modelo e quando reabra a página usando os valores no modelo, o botão de opção não aparece marcado.
Eu implementei o mesmo com o modelo de sequência de caracteres de plano + valores de sequência de caracteres. Mas desta vez estou tentando com objetos.
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl">
<form name="myForm">
<p>New TRY</p>
<ul>
<li ng-repeat="i in peopleNew.person">
<label>
{{i}}
<input type="radio" ng-model="peopleServer.person"
name="same" ng-value="i" />
</label>
</li>
</ul>
</form>
<div>
JS code
angular.module('app', [])
.controller('MyCtrl', ($scope) => {
$scope.peopleNew ={
person: {
"name": "Ringo",
"id": "R",
"subj": "Sci"
}
}
$scope.peopleServer= {
person: {"name":"Ringo"}
}
});
Conforme acima, eu deveria ter 4 botões de opção na tela, posso selecionar 1 e enviar. E então, quando eu abro novamente no meu modelo, a pessoa tem o valor certo que foi salvo por completong-value
mas ainda na interface do usuário, não vejo o botão de opção marcado para o nome Ringo deve ser verificado. Modelo tem:
$scope.peopleServer= {
person: {name:"Ringo"}
}
Tried Solutions
expressão marcada com ng, embora eu tenha lido que ng-model e ng-check não devem ser usados juntos, idealmente, usando a ligação de modelo, deve ser chckeexplicaçã Li sobre, ng-repeat não está sendo renderizado corretamente, então tentei renderizar novamente com força, mas não funciono remoção do ng verificado do modelo ainda não funcionoTrack funciona para valores de string em ng-repeat.In ng-options trabalhou também para valores de objeto, mas não é um elemento de entrada, mas um elemento de seleçãoAlguém ajuda a entender, quando você recarrega ou já possui o valor no modelo, como o botão de opção é selecionado
angular.module('app', [])
.controller('MyCtrl', ($scope) => {
$scope.peopleNew ={
person: {
"name": "Ringo",
"id": "R",
"subj": "Sci"
}
}
//uncomment for testing.
$scope.peopleServer= {
person: {"name":"Ringo"}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl">
<form name="myForm">
<p>New TRY</p>
<ul>
<li ng-repeat="i in peopleNew.person">
<label>
{{i}}
<input type="radio" ng-model="peopleServer.person"
name="same" ng-value="i" />
</label>
</li>
</ul>
</form>
<div>
automatically? todas as minhas tentativas acima não estão funcionando, estou perdendo alguma cois