Brett btm1
btm1
/ set-attr
Last active
February 22, 2016 09:59
Set attribute is a directive that takes an object and evaluates each property where the key is the attribute you want to set and the value is the value for that attribute i.e. set-attr="{ data-id : post.id, data-name : post.name }" Additionally if the value for each key can also be an object with two properties "condition" and "value" where cond…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('setAttr',[]).directive('setAttr', function() { | |
| return { | |
| restrict: 'A', | |
| priority: 100, | |
| link: function(scope,elem,attrs) { | |
| if(attrs.setAttr.indexOf('{') != -1 && attrs.setAttr.indexOf('}') != -1) { | |
| //you could just angular.isObject(scope.$eval(attrs.setAttr)) for the above but I needed it this way | |
| var data = scope.$eval(attrs.setAttr); | |
| angular.forEach(data, function(v,k){ |
btm1
/ set-if
Created
October 2, 2013 23:51
set-if will conditionally show or hide elements in the DOM once and will not apply a $watch listener. An additional attribute (wait-for) can be applied to the element to wait for data to be populated before evaluating the if statement i.e. <div set-if="should.behere" wait-for="should"></div>
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('setIf',[]).directive('setIf',function () { | |
| return { | |
| transclude: 'element', | |
| priority: 1000, | |
| terminal: true, | |
| restrict: 'A', | |
| compile: function (element, attr, linker) { | |
| return function (scope, iterStartElement, attr) { | |
| if(attr.waitFor) { | |
| var wait = scope.$watch(attr.waitFor,function(nv,ov){ |
btm1
/ set-repeat.js
Created
September 28, 2013 20:17
Set repeat is an AngularJS directive to iterate over a group of elements only one time and not add any watch listeners. It works the same way as ng-repeat and uses angular templating engine to render it's results. i.e. set-repeat="message in messages" where messages is an array of objects. This iteration will not update if the length of the arra…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('setRepeat',[]).directive('setRepeat', function () { | |
| return { | |
| transclude: 'element', | |
| priority: 1000, | |
| compile: compileFun | |
| }; | |
| function compileFun(element, attrs, linker) { | |
| var expression = attrs.setRepeat.split(' in '); |