angularjs - Dynamically add angular attributes to an element from a directive -

-

I am trying to create a directive which is a slow Ajax calls, in fact it is the idea that "Button" -Loading "is to set up the attribute, and the instruction is to add the rest of the goods.

This is the html code: 

  & lt; Button class = "btn btn-primary" name = "commit" type = "submit" ng-loading = "loading signup" & gt; & Lt; / Button & gt; Submit

and this is the directive code: 

 . Replace: False, Terminal: True, Link: Function (Scope, Element, ethers) {element.attr}, 'Directive', ['$ compile', 'function' ('Ng-class', '{loading:' enters ['njyloding'] + '}'); Element.attr ('ng-disabled', attrs ['ngLoading']); element.append (angular element '& Lt; img class = "loading-icon" src = "/ assets / images / loading-icon .gif" />); $ compilations (element.contents ()) (scope);}}; }];

All this looks correct in the provided HTML, but the attributes added to the instructions are not really fun. I can take those attributes to the HTML code and everything works great But in some places it is some unnecessary code.

I referenced the post but it does not solve my problem.

Any comments / suggestions are welcome Thanks in advance.

You do not have to compile that instruction again if you want to have some DOM manipulation, You can add or remove classes in relation to changes of a scope property, you can use $ watch instead.

JAVASCRIPT 

  .directive ('ngLoading', function () {return function (scope, element, attrs) {var img = angular .element ('lt; img class = "loading-icon" src = "/ assets / images / loading-icon.gif" />'); element.append (IMG); scope $ watch (attrs.ng loading) , Function (loading) {if (hodeling) {img.removeClass ('ng-hide'); element.addClass ('loading'); element.attr ('disabled', '');} Else {img Element.removeClass; element.removeAttr ('disabled');}}}}};});  > Note : Your code does not work because it gathers elements of elements, not elements, where you associate those attributes / P> 
 Try  $ compile (elem) (scope);  and it should work properly, but I do not recommend it because every instruction is such that Instructions will be re-compiled with the instructions. 
 
  UPDATE : Before using the  $ compile  element to prevent infinite compilation, 'Remove it. 
 
  elem.removeAttr ('ng loading'); $ Collection (ELEM) (scope);

Comments

Post a Comment

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

-
I have written a simple httprequest / response code and I am getting this error below: I used to type in my classpath httpclient, httpcore, common -Codecs and general logging. I am very new to Java and I do not know what's going on here. Please help me. code: import org.apache.http.client.HttpClient; Import org.apache.http.client.methods.HttpGet; Import org.apache.http.HttpResponse; Import org.apache.http.impl.client.HttpClientBuilder; Import org.apache.http.Header; Import org.apache.http.HttpHeaders; Public class UnshorteningUrl {public static zero main (string [] args throws exception {HttpGet request = zero; HTTP Client Client = HTTP ClientBuilder.credit (). Build (); Try {Request = New HTTP Gate ("trib.me/1lBFzSi"); HttpResponse httpResponse = client.execute (request); Header [] header = httpResponse.getHeaders (HttpHeaders.LOCATION); // Preconditions.checkState (headers.length == 1); String new url = header [0] .getValue (); System.out.println ("new url...
Read more

java - Gradle dependencies: compile project by relative path -

-
Is it possible to specify a dependency on another gradeal project in the granular (in android studios) outside the current project limits? For example, with a relative path like this: dependence {collection project ('../../ stdlib / dagger'}} MyApp (path / user / foo / workspace / mypad) The app (Path / User / Foo / Workspace / MyPass / App) And I have an Android Library Project with 3 subdomules: stdlib (path is / user / foo / Utilities (Path / User / Foo / Workspace / Stadlib / Utilis) http (Path / User / Foo / Workspace / Stadlib / HT) / Li> What I have to do is compile the Dagger, Util, http module in the MyApp project. The Stidelib Library module under heavy development And MyApp will grow in the form of Growth, so I do not want to push them into a Mewen repository. I am a little change. is likely to add another Gredle projects in some way? I will push the study library into the Maven repository after the source is in search of a temp...
Read more

ruby on rails - Object doesn't support #inspect when used with .include -

-
So I have participated in a glitch error that I do not even know how to debug. I am very new to the railing, so it has kicked my ass well when I use the .includes (school) seen by the student, it gives a blue box error, But when I look at any other model and .includes (school) , the school works just fine. class student & lt; ActiveRecord :: Base has has_many: relationships, foreign_key: "liker_id", dependent :: has_many: matches, foreign_key: "student_1_id", dependent :: deleted belong_to: school belong_to: conference belong_to: would_you_rather belong_to: home city belong_to: year is_to: Major and class school & lt; on the console activatecord :: Affiliate for the base: conference includes: respondent, class: "school", foreign_key: "rival_id" (e.g. For: School) Select SQL generated Select "School". * "School" from "school" "ID" IN (1) error message back NoMethodError: u...
Read more