angularjs - Getting CSS from Angular element in custom directive using dynamic class name -



angularjs - Getting CSS from Angular element in custom directive using dynamic class name -

i have custom directive makes utilize of background color of element in link function:

.directive('ktmouseover', function($log) { homecoming { restrict: "ac", link: function(scope, elm, attrs) { if ($(".ie8, .ie7").length === 0) { console.log(elm.attr("class")); var oldbackgroundcolor = elm.css("background-color") || elm.css("background") , colors = attrs["ktmouseover"].split("|")[0] || "#fec|#f55" , timings = attrs["ktmouseover"].split("|")[1] || "75|150" , newbackgroundcolor = colors.split(":")[0] || "#fec" , newdangercolor = colors.split(":")[1] || "#f55" , fadeintime = parseint(timings.split(":")[0]) || 75 , fadeouttime = parseint(timings.split(":")[1]) || 150; elm.mouseenter(function() { if (elm.hasclass("inactive")) return; $(this).animate({ "backgroundcolor":($(this).hasclass("danger") ? newdangercolor : newbackgroundcolor) }, fadeintime); }).mouseleave(function() { $(this).animate({ "backgroundcolor": (oldbackgroundcolor ? oldbackgroundcolor : "transparent") }, fadeouttime); }); } } }; })

html snippet:

<li class="{{child.type()}}" ng-include="'/partials/tree.html'" id="container_{{child.id()}}" kt-mouseover=":#f55|75:150" ng-click="getchildren(child)" ng-repeat="child in vault.children()"> </li>

when coded this, using static class name tag (and that's how background-color set in css). have need these directives have dynamic class name, makes impossible grab background-color element, class name hasn't been applied yet.

how accomplish idiomatically in angularjs?

just declare oldbackgroundcolor variable without initializing , set in mouseenter first time. don't know if best way go it, works:

.directive('ktmouseover', function($log) { homecoming { restrict: "ac", link: function(scope, elm, attrs) { if ($(".ie8, .ie7").length === 0) { // ***not initialized*** var oldbackgroundcolor , colors = attrs["ktmouseover"].split("|")[0] || "#fec|#f55" , timings = attrs["ktmouseover"].split("|")[1] || "75|150" , newbackgroundcolor = colors.split(":")[0] || "#fec" , newdangercolor = colors.split(":")[1] || "#f55" , fadeintime = parseint(timings.split(":")[0]) || 75 , fadeouttime = parseint(timings.split(":")[1]) || 150; elm.mouseenter(function() { if (elm.hasclass("inactive")) return; // ***initialized here instead*** if (!oldbackgroundcolor) oldbackgroundcolor = elm.css("background-color") || elm.css("background"); $(this).animate({ "backgroundcolor":($(this).hasclass("danger") ? newdangercolor : newbackgroundcolor) }, fadeintime); }).mouseleave(function() { $(this).animate({ "backgroundcolor": (oldbackgroundcolor ? oldbackgroundcolor : "transparent") }, fadeouttime); }); } } }; })

angularjs angularjs-directive

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more