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

时间:2014-12-24 16:28:46

标签: javascript html angularjs

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

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

1 个答案:

答案 0 :(得分:0)

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

$scope.editingIndex = 0;

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

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

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