Angular JS 在可编辑模式下添加新行
Angular JS add new row in editable mode
我正在使用 ng-repeat 指令创建网格。我需要能够内联编辑,这是我使用提供的相同想法实现的 here。
我现在还需要能够通过单击按钮向该网格添加新行。我通过在每次单击按钮时将一个新条目推送到我的集合来执行此操作,这会在我的网格中插入一个新行。我希望在可编辑模式下添加这个新行。但是,为此,我需要能够在推送新行时动态地将 editMode
属性 设置为 true
。我怎样才能做到这一点?
JSFiddle:http://jsfiddle.net/Thw8n/69/
除了绑定到 editMode 字段外,您做的一切都正确。只需更改
data-ng-show="editMode"
至
data-ng-show="entry.editMode"
如果我以正确的方式理解你的问题,下面就是答案。
只需将 editMode 替换为 enty.editMode 在您的 html 车把中。
我已将此解决方案应用于您的 jsfiddle,它对我来说工作正常。
我正在使用 ng-repeat 指令创建网格。我需要能够内联编辑,这是我使用提供的相同想法实现的 here。
我现在还需要能够通过单击按钮向该网格添加新行。我通过在每次单击按钮时将一个新条目推送到我的集合来执行此操作,这会在我的网格中插入一个新行。我希望在可编辑模式下添加这个新行。但是,为此,我需要能够在推送新行时动态地将 editMode
属性 设置为 true
。我怎样才能做到这一点?
JSFiddle:http://jsfiddle.net/Thw8n/69/
除了绑定到 editMode 字段外,您做的一切都正确。只需更改
data-ng-show="editMode"
至
data-ng-show="entry.editMode"
如果我以正确的方式理解你的问题,下面就是答案。
只需将 editMode 替换为 enty.editMode 在您的 html 车把中。
我已将此解决方案应用于您的 jsfiddle,它对我来说工作正常。