How to set scope variable inside ng-repeat?

Question

I want to determine whether any ng-repeated element is rendered.

I write this code

<div ng-show="anyRendered">Any has been rendered</div>

 <div ng-show="anyFilterActive">ANY FILTER IS ACTIVE</div>

 <div class="selected-filter-value" ng-if="filter.name && filterCtrl.isActiveFilter(filter)" data-ng-repeat="(name, filter) in filterOptions">
    <span ng-init="anyFilterActive = true;">{{filter.name}}:</span>

</div>

But this code doesn't work. Also I try to write $parent.anyRendered inside ng-repeat.

why dont you just use $index? then you know if smth was rendered and how much https://docs.angularjs.org/api/ng/directive/ngRepeat — stackg91, Aug 11 '15 at 09:43

score 1 · Accepted Answer · answered Aug 11 '15 at 09:39

1

Try with ng-if

<div ng-show="filterOptions.length > 0">Any has been rendered</div>

<div ng-if="filterOptions.length > 0" ng-repeat="(name, filter) in filterOptions">
<span></span>
</div>

answered Aug 11 '15 at 09:39

Sudharsan S

15,336
3
31
49

Actually, I has more complicated ng-repeat and ng-if already is in ng-repeat – BILL Aug 11 '15 at 09:40

score 0 · Answer 2 · edited May 23 '17 at 12:23

You must not write code logic in your templates: all the code must be in your controllers, filters, directives and services. The ng-init directive is only here so that you can create aliases to make your templates simpler.

Filters and directives contain "presentation code" and controllers and services contain "business related code".

You could create a filter to know if an object is empty or not (filter code from another question), and use it with ng-if, ng-show...

Resulting template:

<div ng-if="filterOptions|empty">
     Nothing to show! 
</div>
<div ng-repeat="(k, v) in filterOptions">
     {{k}}, {{v}}
</div>

score 0 · Answer 3 · answered Aug 11 '15 at 09:47

0

just use $index

<div ng-repeat="(name, filter) in filterOptions">

<span ng-show="$index > 0"></span>

</div>

ngRepeat Docs $index

In the example in the ng-repeat docs u can see the usage of $index

answered Aug 11 '15 at 09:47

stackg91

584
7
25

How to use $index > 0 expression outside ng-repeat ? – BILL Aug 11 '15 at 09:51
$index is only usable in ng-repeat if you need it outside you probably have to write your own filter – stackg91 Aug 11 '15 at 09:52
you could only try to pass $index to a function or model value then you would have it elsewhere – stackg91 Aug 11 '15 at 09:54

How to set scope variable inside ng-repeat?

3 Answers3