У меня есть проблема, которую я не смог решить с помощью других связанных SO Q/A.
Это моя ситуация:
- Item in Items -> multiple repeated items (using ng-repeat)
- each item has n buttons (using ng-repeat)
Я могу правильно видеть каждый элемент с его собственными кнопками, но я не могу выбрать нужную кнопку при нажатии.
Когда я нажимаю кнопку за пределами кнопок первого элемента, событие не работает должным образом, оно запускает события для первого элемента.
Я хотел бы добиться того же результата, что и в этом плункере, который я только что сделал.
Вот мой исходный код:
Шаблон, который включает шаблон отдельного элемента для каждого элемента:
<div class="myClass" ng-repeat="item in items">
<div ng-include src="mySingleElement"></div>
</div>
Шаблон одного элемента с несколькими переключателями:
<ul>
<li ng-repeat = "button in survey.buttons">
<input type="radio" id="radio_{{$parent.$index}}"
name="radio{{$parent.$index}}""/>
<label for="radio_{{$parent.$index}}">
<span></span>{{button.text}}
</label>
</li>
</ul>
Вот несколько изображений, на которых я показываю поведение в своем приложении:
Исходная ситуация, например. с двумя элементами:
В первом элементе я могу щелкнуть только первый переключатель, если я нажимаю другие кнопки, они всегда проверяют первый.
Попытка взаимодействия со вторым элементом:
Происходит то же самое, что и в первом, то же самое и со всеми остальными предметами.
Я действительно не понимаю, почему он не работает должным образом, как в Plunker. Я сделал плункер с точно таким же кодом, но включил макет одного элемента с
ng-include
в отдельном файле.
Что я делаю неправильно и как решить эту проблему? Это вызвано ng-include
?
$parent
, единственный элемент, который может проверять кнопки, - это первый, не знаю почему. - person AndreaM16   schedule 30.05.2016