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

Question

我希望＆＃34;编辑＆＃34;下面的按钮位于＆＃34;点击＆＃34;在页面加载之前声明。我怎样才能做到这一点？

<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>

Answer 1

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

$scope.editingIndex = 0;

因此，每个编辑行的ng-show将显示为ng-show='editingIndex == $index'

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

然后使用范围变量作为一种机制来确定当前哪个行是可编辑的。如果无法编辑任何内容，只需将$scope.editingIndex = -1;设置为禁用所有编辑行。