referencing angularjs property value inside js

Question

Inside view I have following snippet where I'm iterating trough collection of data

 <div class="tab-content" ng-controller="homeController as vm">
     <div class="tab-pane fade in active" ng-repeat="item in vm.data">
         {{item.Total}} 
         <script>
               var arrValues = [1, 5, 6, 7];
               // how can I access from here to item.Total                                    
         </script>
     </div>
</div>

I tried using following code to access item.Total but I'm getting

Uncaught ReferenceError: item is not defined

if (arrValues.indexOf(item.Total) > -1) {
    console.log('A');
} else {
    console.log('B');
}

p.s. data binding works fine {{item.Total}} render value as expected.

@Jagen.. how do you mean it's not angularjs. I'm iterating inside view through collection of data exposed by angularjs controller. Main purpose is to access data inside js function which is displayed fine using data binding {{item.Total}} — user1765862
– user1765862, Commented Apr 9, 2017 at 18:21
exposed by angularjs controller - where is it exposed? Please, provide stackoverflow.com/help/mcve — Estus Flask
– Estus Flask, Commented Apr 9, 2017 at 18:57

Omri Luzon · Accepted Answer · 2017-04-09 18:17:16Z

1

There are workarounds to achieve what you want, like using angular.element(elementRef).scope().item.

But this is not the recommended way to work with angular, you should manipulate the data in a controller or a service, not in the view.

answered Apr 9, 2017 at 18:17

Omri Luzon

4,2826 gold badges22 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

referencing angularjs property value inside js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related