angularjs-directive

I'm trying to wrap a ui-select in a custom directive. ( https://github.com/angular-ui/ui-select ) this.adminv2.directive('eventSelect', function() { return { restrict: 'E', replace: true, scope: { ngModel: '=', placeholder: '=' }, controller: function($scope, $http) { return $scope.refreshEvents = function(searchTerm) { return $http.get('/events/autocomplete', { params: { term: searchTerm } }).then(function(response) { return $scope.events = response.data; }); }; }, template: "<div>{{ngModel}}\n <ui-select ng-model=\"ngModel\"\n theme=\"bootstrap\"\n ng-disabled=\"disabled\"\n reset-search

I've written a match-model Angular directive that I use for password/password-repeat process when users register in my application. Password repeat field has this particular attribute that validates this field against original password field. My directive has scope.$watch for optimization purposes because I don't have to read related scope property value each time I validate my repeat password scope property but I rather just use cached value which changes when related scope property value changes (original password). This is my directive: .directive("matchModel", ["$timeout", function (

I currently have an underscore.js template that I would also like to use with angular and still be able to use with underscore. I was wondering if it's possible to change the interpolation start and end symbols for a particular scope using a directive, like this: angular.directive('underscoreTemplate', function ($parse, $compile, $interpolateProvider, $interpolate) { return { restrict: "E", replace: false, link: function (scope, element, attrs) { $interpolateProvider.startSymbol("<%=").endSymbol("%>"); var parsedExp = $interpolate(element.html()); // Then replace element contents with

I have a directive in AngularJS: module = angular.module("demoApp", [], null); module.directive('sample', function () { return { restrict: "E", transclude: true, replace: true, template: "<div ng-transclude></div>", controller: function ($scope, $element) { this.act = function (something) { //problematic line HERE $element.trigger("myEvent.sample", [something]); }; } }; }) .directive('item', function () { return { restrict: "E", require: "^sample", transclude: true, replace: true, template: "<a ng-transclude style='display: inline-block; border: 1px solid crimson; margin: 2px; padding: 5px;

I want to listen for form submitting in a directive. Say I have a directive like this: app.directive('myDirective', function () { return { restrict: 'A', require: '^form', scope: { smth: '=' }, link: function (scope, el, attrs, formCtrl) { scope.$watch(function(){ return formCtrl.$submitted; },function(currentValue){ console.log('submitted'); }); } } }); With the above method I can watch for first submit, but not the rest. I tried to do something like this: scope.$watch(function () { return formCtrl.$submitted; }, function (currentValue) { if (currentValue) { console.log('submitted'); formCtrl

If I have the following: myapp.directive('directivename', ... return { ... restrict: 'E', controller: MyController, ... } function MyController($scope, $somethingelse) { // Contents of controller here } ); How do I modify this such that MyController will not get destroyed when minified? I am getting the following error: Error: [$injector:unpr] Unknown provider: eProvider <- e PSL It can be resolved by using explicit dependency annotation. What you have it implicit annotation which causes issues while minification. You could use $inject or inline array annotation to annotate the dependencies in

I want to display an autocomplete form triggered by the word @ in my textarea like this library http://ichord.github.io/At.js/ but only using angularjs & css What kind of directive should I write ? Also, is there a way to implement this with the angular bootstrap UI typehead directive ? See https://github.com/jeff-collins/ment.io for a directive that likely does what you are looking for. I've written angular-otobox , a dependency-less angular directive for mentioning, tagging and higlighiting words in text, it's easy to use. have look, it's easy to use. 来源： https://stackoverflow.com/questions