在我的应用程序中,我创建了一个自定义指令,用于在文本框的末尾构建 X 图标,单击该图标后,将清除整个内容。 代码是
angular.module(appName).directive('clearText', ['$filter', function ($filter) {
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, elem, attrs, ctrl) {
elem.wrap('<div class="search-wrapper"></div>');
elem.after('<button class="close-icon" type="reset" id="closeicon" > X </button>');
}
};
}]);
问题是,在调用指令的文本框中,在ng-blur
事件上触发了另一个函数。如果单击X
图标,我不希望触发ng-blur功能。
<input type="text" ng-blur="getStore($event)" clear-text ng-model="changestore.newStoreId" >