Угловая директива, как добавить атрибут к элементу?
Мне интересно, как сделать работу с этим fragmentом:
//html //js var app = angular.module('app', []); app.controller("AppCtrl", function ($scope) { $scope.users = [{name:'John',id:1},{name:'anonymous'}]; $scope.fxn = function() { alert('It works'); }; }) app.directive("myDir", function ($compile) { return { link:function(scope,el){ el.attr('ng-click','fxn()'); //$compile(el)(scope); with this the script go mad } }; }); Я знаю, что речь идет о фазе компиляции, но я не понимаю, поэтому короткое объяснение будет очень ценным.
- Угловая: вызов функции controllerа внутри функции директивной ссылки с использованием &
- Как получить доступ к родительской области из пользовательской директивы * с помощью собственной области * в AngularJS?
- угловой ng-bind-html и директива внутри него
- Как разрешить ввод только числа (цифры и десятичная точка) на входе?
- Экран загрузки Angularjs по запросу ajax
- Как применить директиву AngularJS на основе classа, установленного ng-classом?
- Пользовательская форма проверки валидации для сравнения двух полей
- угловая директива, инкапсулирующая задержку для ng-change
- AngularJS. Преобразование значения тега (время Unix для чтения человеком)
- Угловая динамическая проверка ng-шаблонов
- Установите фокус на первый недопустимый ввод в форме AngularJs
- Как установить фокус на поле ввода?
- AngularJS - Динамическое создание элементов, определяющих директивы
Директива, которая добавляет другую директиву к одному элементу:
Похожие ответы:
- Как получить ng-class с грязной работой в директиве?
- создание новой директивы с угловыми
Вот плукер: http://plnkr.co/edit/ziU8d826WF6SwQllHHQq?p=preview
app.directive("myDir", function($compile) { return { priority:1001, // compiles first terminal:true, // prevent lower priority directives to compile after it compile: function(el) { el.removeAttr('my-dir'); // necessary to avoid infinite compile loop el.attr('ng-click', 'fxn()'); var fn = $compile(el); return function(scope){ fn(scope); }; } }; });
Очень чистое решение – не использовать ngClick вообще:
Плункер: http://plnkr.co/edit/jY10enUVm31BwvLkDIAO?p=preview
app.directive("myDir", function($parse) { return { compile: function(tElm,tAttrs){ var exp = $parse('fxn()'); return function (scope,elm){ elm.bind('click',function(){ exp(scope); }); }; } }; });
Вы можете попробовать следующее: