2013-09-18 3 views
0

Я ищу расширить на ранее разрешенный вопрос:Angularjs Кнопки загрузка состояние директива в нг-повторе

Angularjs Button loading state directive with ng-disabled directive

Этой директива отлично работает для кнопки на основе одного экземпляра, однако при применении в ng-repeat, все созданные кнопки меняют свое состояние при нажатии одной кнопки. Есть ли способ сделать эту директиву так, чтобы, когда эта директива применяется к нескольким кнопкам в ng-повторе, только нажатая кнопка меняет свое состояние загрузки?

Я создал plunker, чтобы продемонстрировать, что проблема: http://plnkr.co/edit/epdPhwx27RlthzLPXf67?p=preview

ответ

2

Вот способ сделать это с вашей же plunker.

Button-Loading Plunker

Я изменил то, как вы смотрели на данные. Обратите внимание на $ scope.array и $ scope.load, а также на данные, найденные в элементе кнопки.

+0

Хотя этот конкретный способ работы, я использовал упрощённый пример, чтобы продемонстрировать концепцию. Я обновил пример с более сложным набором близких к фактическим данным, которые я использую. Мое мышление в этом заключается в том, что я хочу, чтобы он был совместим по всему приложению с использованием различных наборов данных, и я не думаю, что он работает достаточно хорошо, добавив в отдельное свойство каждого объекта загрузки для каждого из них. – Brian

+0

@Brian Я обновил свой плункер, чтобы работать с вашим. Проверьте это. –

+0

Я вижу, что, хотя вы все еще просто добавляете свойство к объектам в контроллере, я думаю, я думал, что это будет способ сделать все это внутри директивы, используя свою область выделения с единственным свойством, определенным в контроллере ? – Brian

Смежные вопросы