How can i conditionally add attribute in template in angular

Question

Inside my directive template i have this

Now i want to conditionally add sortable and draggale based on some scope variable

When i try this

It basically becomes

 which still makes it sortable

I want sortable to be completely removed if expression is false

 

If you can base your decisions on the attrs of your directive rather than the scope variables, then this solution might work to dynamically build your template: stackoverflow.com/a/20659860/1454888 — Augusto Barreto
– Augusto Barreto, Commented Feb 18, 2015 at 1:54

ngDeveloper · Accepted Answer · 2015-02-18 01:49:24Z

1

Should work with elem.removeAttr('sortable'). Where elem is the jQuery lite element, which you can pass in as link: function (scope, elem) { ... }, or using elem.find(...) to target a child element by tag name.

But that's something you may want to setup within your link: function () {...} as opposed to right in the template. You could always make your own filter for removing an attribute that you could then use within the template.

See: https://docs.angularjs.org/api/ng/function/angular.element (find removeAttr).

edited Feb 18, 2015 at 1:49

answered Feb 18, 2015 at 1:44

ngDeveloper

1,3042 gold badges17 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user3214546 Over a year ago

that removeAttr is not working. MY template conatins another directive . is that can be the case because i have another dircetive inside that trmplate and i am trying to remove attribute from that directive

user3214546 Over a year ago

That works if i put inside compile function . If i put inside link function then it dont work. but in compile i don't have scope

demisx Over a year ago

@user3214546 Perhaps you need to recompile the element yourself and re-link it to the scope.

user3214546 Over a year ago

@demisx how can i do that , itried and it says compile function does not xist , any code??

Collectives™ on Stack Overflow

How can i conditionally add attribute in template in angular

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related