sakitaliev
@sakitaliev
Мастер костылей

Как сделать $compile для директивы у которой аттрибут равен тому что я задаю?

Angular 1.
Есть страница, в ней несколько директив с одинаковыми названиями, отличающиеся только атрибутом index
<button class="btn btn-success" ng-click="addBlock()">Добавить блок</button>
<div>
  <answers index="0">
  <button class="btn btn-success" ng-click="addAnswer()">Добавить ответ</button>
  </answers>
</div>
<div>
  <answers index="1">
  <button class="btn btn-success" ng-click="addAnswer()">Добавить ответ</button>
  </answers>
</div>

Эти блоки добавляются динамически т.е. при нажатии на кнопку addBlock()
Когда блок один, то addAnswer() добавляет контент правильно, а когда добавляю еще блоков, то все кнопки addAnswer на странице добавляют контент в последний добавленный . Как сделать так, чтобы контент добавлялся только в тот, у которого index равен тому что я указал?
вот код который есть сейчас:
.directive('answers', ($compile)=>{
    return {
        restrict: 'E',
        link: (scope, element, attrs) => {
            scope.addAnswer = () => {
                let template = 'контент';
                element.append($compile(template)(scope));
            }
        }
    }
});
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Greencow Studio Москва
от 80 000 до 120 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
21 авг. 2018, в 14:23
350000 руб./за проект
21 авг. 2018, в 13:54
5000 руб./за проект
21 авг. 2018, в 13:30
5000 руб./за проект