1

我正在开发一个在其中一个网格上使用 ng-grid 的角度应用程序我有一个单元格模板，其中一个 ng-init 函数附加到它的一个 dom 元素。

var cellTemplate = '<div class="fooProperty" ng-init="setIcon($event, \'foo\',row.entity.foo)" ng-class="{\'foo_enabled\' : row.entity.foo, \'foo_disabled\' : !row.entity.hasFoo}"  ng-click="changeRole($event, \'foo\')" title="Foo Bar"></div>'

我在指令中为 setIcon 编写的代码是

scope.setIcon = function($event,type,iconInfo){
  var target = $event.target; 
  var row = (target).parent().parent();
  console.log(type+": "+iconInfo);
  console.log(row);
};

我遇到的问题是，当 ng-init 函数触发时，我收到一条错误消息TypeError: Cannot read property 'target'，指出 undefined at var target = $event.target;。

编辑：

所以问题是我不能使用$eventonng-init因为没有发生 DOM 事件。我现在的问题是如何编辑上面的代码以在加载 DOM 元素后立即获取它（基本上我需要知道 onload 的正确角度等价物）？

4

1 回答 1

2

您可以使用指令而不是 ng-init：

app.directive('domLoaded', function($timeout) {
  return {
    link : function ($scope, $element, $attrs) {
      $timeout(function () {
        var row = $($element).parent().parent();
        console.log(row);
      });
    }
  };
});

用法：

cellTemplate = '<div class="fooProperty" dom-loaded ng-class="{\'foo_enabled\' : row.entity.foo, \'foo_disabled\' : !row.entity.hasFoo}"  ng-click="changeRole($event, \'foo\')" title="Foo Bar"></div>'
于 2014-10-07T17:58:42.970 回答