У меня есть проблема, связанная с номером автоматического увеличения в моем настраиваемом шаблоне. Мне нужна функциональность, чтобы добавить динамический HTML-контент при нажатии кнопки.
main.html <div class="addTemplateContainer{{dataPoint.id}}"></div>
<div ant-add-template-button parent="addTemplateContainer{{dataPoint.id}}"></div>
Директива - ant -add-template-button.js
app.directive('antAddTemplateButton', function ($compile) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
$(element).on('click', function () {
var compiledeHTML = $compile('<div ant-add-template></div>')(scope);
$('div.' + attrs.parent).append(compiledeHTML);
});
}
}});
Директива - ant -add-template.js
app.directive('antAddTemplate', function () {
return {
restrict: 'A',
link: function (scope, element, attrs) {
},
templateUrl: '../html/relation-join.html'
}}]);
Шаблон - my-template.html
<select ng-model="joins[$i]" ng-change="myFunc($i)"></select>
Приведенный выше код отлично подходит для добавления содержимого HTML, но мне нужно использовать массив для моей ng-модели, используемой для выбора, и есть некоторые функции, для которых мне нужно вызвать функцию в каждом событии изменения. Я не могу найти способ иметь $i в качестве значения приращения для каждого нажатия кнопки.
Он должен иметь ng-модели как объединения [0], присоединяется [1], присоединяется [2] и так далее. Более конкретно, я не хочу использовать изолированную область здесь.
Любая помощь будет оценена.