如何在页面加载前应用 ng-单击

How to apply ng-click before page load

本文关键字：应用 ng- 单击 加载      更新时间：2023-09-26

我希望下面的"编辑"按钮位于页面加载前所述的"单击"中。我怎样才能做到这一点？

<div class="buttons" ng-show="!rowform.$visible" style="width: 20%">
    <button class="btn btn-primary" ng-click="rowform.$show()">edit</button>
    <button class="btn btn-danger" ng-click="removeUser($index)">del</button>
</div>

只需创建一个新的范围属性，例如...

$scope.editingIndex = 0;

因此，每个编辑行上的ng-show将看起来像ng-show='editingIndex == $index'

将属性初始化为 0 将在编辑状态下启动第一行可用行（我认为这是您真正想要的）。

然后使用 scope 变量作为机制来确定当前可编辑的行。如果没有可编辑的内容，只需设置 $scope.editingIndex = -1; 以禁用所有编辑行。

相关文章：