我正在使用Angular X-Editable来允许用户在ng-repeat中编辑列表项。
我正在使用这种方法:https://vitalets.github.io/angular-xeditable/#text-btn
但是,我被要求修改此应用程序,以便用户可以通过单击它突出显示重复中的行,然后单击并编辑其他位置的按钮,将选择的任何行放入x - 可编辑的“编辑模式”。
查看他们的文档我看不到这样做的方法,也没有将行放入编辑模式的事件。我可以在我的ng-click处理程序中单击该行的$ index,但是看不到将该行置于编辑模式并捕获所做的编辑。
到目前为止,我的ng-repeat是这样的,它来自上面链接的示例,并显示了一个“铅笔”按钮,用于编辑它。它工作正常,但如何从工具栏上的一个按钮等编辑所有项目?
<div class="list-group-item" ng-repeat="level1 in pmt..level1 track by $index">
<button ng-click="textBtnForm.$show()" ng-hide="textBtnForm.$visible">
<i class="fa fa-pencil" aria-hidden="true"></i>
</button>
<span editable-text="level1.name" e-form="textBtnForm">
{{ level1.name || 'empty' }}
</span>
<i class="pull-right fa fa-angle-right fa-lg"></i>
</div>
注意:我知道如何隐藏按钮,或者单击文本。问题不是消除他重复按钮,而是如何使用一个按钮来编辑焦点行。