Używam AngularJS wraz z Bootstrap na Twitterze i chcę, aby dwa przyciski opcji wyglądały jak normalne przyciski Bootstrap. Znalazłem this example na jsFiddle i po zastosowaniu go w moim przypadku wszystko wygląda dobrze, ale nie działa poprawnie.Wiązanie przycisków radiowych nie działa po dodaniu atrybutu przełączania danych w AngularJS + Bootstrap
Chcę powiązać przyciski radiowe z modelem w ustawieniu kątowym. Oto mój kod:
<div class="btn-group btn-group-lg btn-group-justified" data-toggle="buttons">
<label class="btn btn-default">
<input type="radio" name="isMad" ng-model="isMad" ng-value="false" /> No
</label>
<label class="btn btn-default">
<input type="radio" name="isMad" ng-model="isMad" ng-value="true" /> Yes
</label>
</div>
<h1>
I am mad: {{ isMad }}
</h1>
A oto wynik klikając na „nie” (radia) Przycisk:
Tak, model nie jest związany w ogóle. Kiedy usunąć atrybut data-przełączania z grupy przycisków, wszystko działa poprawnie, ale przyciski radiowe są wizualizowane tylko na górze przycisków Bootstrap jak na tym zdjęciu:
Co należy zrobić, aby mieć przyciski Bootstrap wyglądające jak te na pierwszym obrazku i działające poprawnie z powiązaniem modelu AngularJS, tak jak te w drugim?
Czy próbowałeś ustawić unikatowe identyfikatory dla każdego elementu wejściowego? – br3w5
@ br3w5 - yup, nadal nie działa – Yulian
Angular i Bootstrap nie zawsze grają dobrze razem ... https: //angular-ui.github.io/bootstrap/#/buttons zapewnia dyrektywę do wprowadzania przycisków radiowych z bootstrapem i kątowy – br3w5