x-editable - 編集クリックでボタンのテキストを変更し、更新時に保存します

Question

コードスクリプトは次のとおりです。

'http://jsfiddle.net/NfPcH/652/'

「編集」ボタンをクリックすると編集モードでテキストボックスが表示され、ボタンのテキストが「編集」から「更新」に変更され、「更新」をクリックするとテキストボックスのデータが送信されます.

ありがとう。

Answer 1

これがあなたの質問に対する更新版のリンクです。HTML セクション:

    <h4>Angular-xeditable Trigger manually (Bootstrap 3)</h4>
<div ng-app="app" ng-controller="Ctrl">
  <span editable-text="user.name" e-form="textBtnForm" buttons="no">
    {{ user.name || 'empty' }}
  </span>
  <button class="btn btn-default" ng-hide="textBtnForm.$visible" ng-click="textBtnForm.$show()" >
    edit
  </button>
  <button type="submit" class="btn btn-default" ng-show="textBtnForm.$visible" ng-click="save()" >
    update
  </button>
</div>