javascript - 如何仅在使用 angularJS 单击按钮时显示输入字段？

Question

我需要隐藏编辑的输入字段，直到单击编辑按钮，然后我想显示输入字段。它必须在点击时切换以显示输入字段。

如果显示输入，我还想更改编辑文本以关闭字段。

这是我的代码

<div class="personInfo">
          <h3>name <input type="text" ng-model="user.name" ng-show="edit"></h3>
          <h3>email: <input type="text" ng-model="user.email" ng-show="edit"></h3>
          <h3>birthday: <input type="text" ng-model="user.birthday" ng-show="edit"></h3>
          <h3>password: <input type="text" ng-model="user.password" placeholder="hidden" ng-show="edit"></h3>
          <button type="submit" class="save-button">Save</button>
          <button ng-click="edit">edit</button>
        </div>

ps: 我试图将编辑放在 ng-click 中以仅在单击编辑时显示，但它不起作用

Answer 1

<button ng-click="edit = !edit">{{ edit ? 'close' : 'edit' }}</button>