AngularJS Bootstrap de l'INTERFACE utilisateur btn-case en ng-repeat
Je dois avoir un problème avec l'utilisation de l'angle d'amorçage-ui btn-case de la directive et de son interaction avec un ng-repeat directive. La façon dont la directive semble être l'installation que vous avez manuellement le nom de chaque modèle pour un multi case scénario, qui n'est pas possible au sein d'un ng-repeat ou je n'ai pas trouvé comment faire cela.
J'ai trouvé une réponse quelque peu semblable à ce problème:
Réglage et prise de bootstrap bouton radio à l'intérieur angulaire répéter en boucle
et fourchue l'plunker pour mieux expliquer exactement ce que je vois comme un problème.
Le plunker peuvent être visualisées:
http://plnkr.co/edit/ddiH78pzqE3fsSoq8gAr?p=preview
OriginalL'auteur Brian | 2013-07-09
Vous devez vous connecter pour publier un commentaire.
La réponse que vous avez lié est la même solution pour ce problème. Chaque bouton dans le répétez les besoins de sa propre propriété du modèle. Si ils sont tous réglés sur le même modèle, comme dans le plunk
$scope.checkboxModel = {id: 0}
, quand un bouton est coché, ils vont tous être vérifié.Afin de donner à chaque bouton de l'unicité, vous pouvez définir une autre propriété sur les objets à l'intérieur de la
ng-repeat
. Cette propriété de tenir une valeur booléenne que les changements sur le chèque. Si votre modèle:Vous n'auriez pas besoin de spécifier de manière explicite dans le contrôleur, il suffit de déclarer le nouveau droit de propriété sur le bouton de l'élément de modèle:
Voici le plunk
<button type="button" class="btn" ng-model="checkboxModel[company.id]" btn-checkbox>{{company.name}}</button>
bien que @rGil approche fait plus de sens pour moi.Génial, mon problème est que j'étais en train de créer un nouveau modèle ne pas modifier l'existant au sein de la ng-repeat portée qui est pourquoi j'ai eu un moment difficile obtenir ma tête autour de celui-ci. Merci!
Bon. Vous pouvez également créer un nouveau modèle, que vous avait à l'origine. Assurez-vous simplement que c'est un tableau de la même longueur que la ng-repeat, et est peuplée par
{}
objets. Comme:$scope.checkboxModel = [{},{}]
. et ainsi de suite. Puisng-model=checkboxModel.truthy
.OriginalL'auteur rGil