Brett btm1

Recently created

Least recently created

Recently updated

Least recently updated

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…

	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>

	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…

	angular.module('setRepeat',[]).directive('setRepeat', function () {

	return {
	transclude: 'element',
	priority: 1000,
	compile: compileFun
	};

	function compileFun(element, attrs, linker) {
	var expression = attrs.setRepeat.split(' in ');