angularjs onload 单击 table 列字段

Question

我在进入编辑页面时点击行元素字段时遇到问题。在编辑页面上，我有 table，在 table 中的每个名称上，我添加了 id，它实际上是该行数据的 ID

<tr ng-repeat="row in $data" ng-class="{clicked: row._id == rowClicked}"">
   <td data-title="'Name' | translate" sortable="'name'" id="{{row._id}}"
       ng-click="populateDivisionServices(row)" 
      class="nameCursor">
      {{row.name | ci18n}}
   </td>

加载编辑页面我把这个

$scope.$on('$stateChangeSuccess', function () {
  $timeout(function() {
    angular.element(document.getElementById($scope.division._id)).triggerHandler('click');
  }, 0);
});

或

$scope.$on('$stateChangeSuccess', function () {
  $timeout(function() {
    angular.element(document.getElementById($scope.division._id)).triggerHandler('click');
  }, 500);
});

或

$scope.$on('$stateChangeSuccess', function () {
    angular.element(document.getElementById($scope.division._id)).triggerHandler('click');
});

但没有什么不起作用，我通过控制台进行调试，它转到了这个函数，但它没有点击这个名字，因为当它点击名字时，它应该被突出显示。

Answer 1

只需从控制器调用函数：

var row = $scope.$data.find(_ => _._id == $scope.division._id);
$scope.populateDivisionServices(row);

无需使用.triggerHandler调用函数。

angularjs onload 单击 table 列字段

angularjs onload click on table column field

javascript

angularjs

angular-ui-router