how to use bind-once or angular-once in element attributes

Question

Can I prevent angular watcher creation for element attributes using bind-once or angular-once directive?

I am using Angular Once directive.

How to use in following

<div contentKey={{conKey}}></div>

This working fine

Before Angular Once

<div>{{conKey}}</div>

After Angular Once

<div><any once-text="conKey"></any></div>

j.wittwer · Accepted Answer · 2014-03-07 05:42:24Z

4

According to the angular-once api documentation, attributes can be "bound once" using the following syntax: once once-attr-*="value"

So for your attribute, it would be: <div once once-attr-contentKey="conKey"></div>

This is a little strange, because the parallel angular directive (ng-attr) can accept an expression in double curly braces (like you are trying to do). <div ng-attr-contentKey={{conKey}}></div>

Here is a plunkr comparing the two.

edited Mar 7, 2014 at 5:42

answered Mar 7, 2014 at 5:35

j.wittwer

9,4973 gold badges32 silver badges32 bronze badges

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

1 Comment

T W Over a year ago

Lib author here :) It's little strange, but adding interpolation ({{ }}) automatically adds watchers and lib is all against that, hope makes sense

Collectives™ on Stack Overflow

how to use bind-once or angular-once in element attributes

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related