5

我在 ngGrid 中有以下代码：

cellTemplate: '<div class="padding-t-5 padding-l-5"><a ui-sref="editCamera({id:row.entity.id})" ><i class="fa fa-edit margin-r-10"></i></a>\n\
                    <button ng-click="confirmClick() && grid.appScope.deleteRow(row)" confirm-click><i class="fa fa-trash"></i></button></div>'

我想知道如何将ui-sref中提到的editCamera方法定义到控制器中。

如果我添加 ng-click 那么我将如何传递 id（在 ui-sref 上传递）

我尝试使用 $scope.editCamera 进行定义，但 dint 起作用了。

****更新******

我需要的是在同一个控制器中执行添加和编辑操作，为此我需要一种不同的编辑操作方法。

4

3 回答 3

3

ui-sref 将 editCamera() 视为角度路由的状态，因为在编译时它会转换为 ng-href 。因此，如果您在控制器中定义 editCamera() ，它将不会被称为路由状态，并且参数传递给它，即 ID 将充当路由参数。要调用函数，您需要使用 ng-click 代替。

或者，如果您要使用路由而不是使用参数 ID 创建 editCamera 作为状态并使用 ui-sref 。

于 2016-06-29T11:21:33.263 回答
2

使用 ng-click 而不是 ui-sref

HTML

<div class="padding-t-5 padding-l-5">
  <a ng-click="editCamera(row.entity.id)">
    <i class="fa fa-edit margin-r-10"></i>
  </a>
  <button ng-click="confirmClick() && grid.appScope.deleteRow(row)" confirm-click>
    <i class="fa fa-trash"></i>
  </button>
</div>

JS

$scope.editCamera = function(id) {
  $state.go('INSERT-EDIT-CAMERA-STATE-NAME-HERE', {id: id});
}

最后一点 - 从语义上讲，现在我们已经杀死了 ui-sref，它反过来又杀死了它生成的 href，将元素更改为按钮或锚标记以外的其他东西会很好。但我把语义留给你。

于 2016-06-29T11:16:30.657 回答
0

ui-sref是 UI-Router 使用的状态引用。这不是调用控制器方法，而是用于路由到另一个页面。

于 2016-06-29T11:22:02.653 回答