<box>a</box>
<box>b</box>
<box>c</box>
Как правильно создать директиву для box, чтобы при клике выводился индекс элемента?
Попытка:
var app = angular.module('app', []);
var indexCtrl = function($scope) {
$scope.boxes = 0;
};
indexCtrl.$injector = ['$scope'];
app.directive('box', function() {
return {
restrict: 'E',
link: function(scope, element, attrs) {
attrs.$set('ng-click','alert(index)');
attrs.$set('index', scope.boxes);
scope.boxes++;
}
};
});
app.controller('indexCtrl', indexCtrl);
В конечном итоге я получаю свой <box ng-click="alert(index)" index="0">a</box>
но при нажатии ничего не происходит.