在AngularJS中，如何仅在元素可见时才执行函数

Question

我正在尝试仅在元素可见时才进行函数调用。我正在使用Bootstrap来控制可见性。

<td class="hidden-xs col-sm-4 col-md-4 col-lg-4" 
    ng-if="dataObject.property==false" 
    ng-class="{'custom_class':$last}" 
    ng-init="test()">

无论元素是否可见，都会调用

test（）。我该如何解决这个问题？

Answer 1

根据您的上述代码和ng-if条件，我将test（）重写为：

function test() {
   //Exit if not visible
   if (dataObject.property) return;

   //Do stuff if visible
}