javascript - Init 函数运行多次

Question

我的 JavaScript 代码有问题。我有一个 init 函数，它调用函数 getDevices()，然后写入控制台消息。 getDevices 函数有一个 4D 数组，用作名为 objectify 的新函数的参数。该函数将创建 4D 数组数据的对象。但我的问题是，当我推送到另一个将存储新对象的数组时，init 函数会再次运行。

vm = this;
vm.dataObj = [];

(function init(){
    getData();
    console.debug("im in init!");
 })();

function getData(){
    var data = [
      [1, 2, 3, 4],
      [1, 2, 3, 4],
      [1, 2, 3, 4],
      [1, 2, 3, 4]
    ];
    objectify(data);
}



 function objectify(dataArray){
        vm.dataObj = [];
        for(var i=0; i < dataArray.length; i++ ){
            vm.dataObj .push({
                nr1: dataArray[i][0],
                nr2: dataArray[i][1],
                nr3: dataArray[i][2],
                nr4: dataArray[i][3]
            });
        }
    }

从上面的代码中，控制台消息“im in init”运行了 5 次，但是当我删除推送时，控制台消息仅写入一次。这怎么可能？

Answer 1

我找到了导致我的问题的原因。正如一些评论所建议的那样，我在错误的地方进行了搜索。发生错误是因为我使用带 Angular ui-grid，在网格配置的 columnDefs 之一中我使用了 cellTemplate。看起来像这样:

'<div class="ui-grid-cell-contents ngCellText" ng-controller="DevicesController as vm"><a ng-click="vm.goToDevice(row.entity)">{{COL_FIELD}}</a></div>',

这意味着 ng-controller 是多重 init 的原因。