Javascript 如何使用“取消”按钮仅关闭文本框（HTML、引导、AngularJS）

我有一个可编辑的表格，在1列底部有编辑按钮，单击编辑后，该列将变为可编辑，并将打开2个按钮（保存和取消）。单击取消，我想使该列与以前一样不可编辑。

HTML代码：

<tr>
<td>
<button class="btn btn-info" ng-hide="editingData[row.scenarioName]"
        ng-click="modify(row)">Edit</button>
<button class="btn btn-info" ng-show="editingData[row.scenarioName]"
        ng-click="update(row);initFunction();"
        style="background-color: #37918f; border-color: #37918f;"
        ng-disabled="!isNumberValid">Save
</button>  
<button class="btn btn-info">Cancel</button>
</td>
</tr>

编辑
拯救
取消

---

很抱歉，由于点数原因，我无法粘贴照片。

请单击“取消”按钮尝试此操作：

<button class="btn btn-info" ng-click="showTextBoxes=false">Cancel</button>

取消

让您的两个文本框为：

<input id="textbox1" type="text" ng-if="showTextBoxes"/>
<input id="textbox2" type="text" ng-if="showTextBoxes"/>

不要忘记声明布尔变量

showTextBoxes=false在您的javascript/typescript中
 
取消
<button class="btn btn-info" ng-click="isClosed = true">Cancel</button>


在你的文本框里

<input id="textbox1" type="text" ng-disabled="isClosed"/>
<input id="textbox1" type="text" ng-disabled="isClosed"/>


我明白了。谢谢乔，我从你的回答中得到了提示。我需要

ng-click="open = false"

及

ng如果在有我的数据时=“！open”
按钮有一个基本的“提交”默认值。虽然我粘贴了相同的JS代码，但也不是WOKRING如果你有一些错误代码，请发布它。当问题中没有任何错误代码时，很难回答关于代码中错误的问题。注意@georgeawgIt将消失我的文本框，单击“编辑我的文本框”后，会出现其他类似于表格数据的情况。您能再清楚一点吗？让我假设您的内容。单击“编辑”按钮时，会显示两个文本框，单击“取消”时，两个按钮都应隐藏？正确吗？否。单击“编辑”按钮->表格列变为可编辑（列变为可编辑文本框）两个按钮将显示“保存”和“取消”。保存按钮工作正常，但在“取消”时，它应变为“正常”列。请让我知道您是否了解我的方案。在这种情况下，请尝试使用ng disabled而不是ng if
ng-if="!open" in <span> having my data