Prevent duplicate calls with AngularJS method binding

Question

I am trying to hide a span if the context of the span is empty. However, the content of the span is some complicated calculation. What I want to do, is exactly below, however, I do not want to call the function twice. The element below is also in a "Loop" (ASP.NET MVC foreach in the razor page :( ).

Here is is

@for(...) {
<span ng-hide="GetDataCount() > 0">{{GetDataCount()}}</span>
}

As you can see, this will work, but I have to call the function 2 times. Any ideas how I can make this work if the "span" element we're currently in doesn't have a value? (i.e. if GetDataCount returns null or 0).

Thanks!

tymeJV · Accepted Answer · 2015-04-15 13:23:04Z

2

You can use ng-init to set a value:

<span ng-init="count = GetDataCount()" ng-hide="count > 0">{{count}}</span>

answered Apr 15, 2015 at 13:23

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

3 Comments

doldt Over a year ago

Please note the warning in the angular docs: The only appropriate use of ngInit is for aliasing special properties of ngRepeat.

Dave Over a year ago

Wouldn't this case be similar to the ng-init example? Aliasing "count" as GetDataCount() result?

tymeJV Over a year ago

@Dave -- It's a bit of a special case since this is residing within a server-side repeater

Collectives™ on Stack Overflow

Prevent duplicate calls with AngularJS method binding

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related