javascript - 在js中引用angularjs属性值

Question

在内部 View 中，我有以下代码片段，我正在其中迭代数据收集

 <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>

我尝试使用以下代码来访问 item.Total 但我得到了

Uncaught ReferenceError: item is not defined

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

附:数据绑定(bind)工作正常 {{item.Total}} 渲染值符合预期。

Answer 1

有一些解决方法可以实现您想要的效果，例如使用 angular.element(elementRef).scope().item。

但这不是使用 Angular 的推荐方法，您应该在 Controller 或服务中操作数据，而不是在 View 中。