Изменение текста кнопки на редактирования мыши и сохранить на обновление

Question

Вот код сценария:

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

Я хочу, чтобы при нажатии кнопки «Редактировать» щелкают затем показать текстовое поле в режиме редактирования и изменить текст кнопки из «Изменить» на «Обновить», и я хочу, чтобы при нажатии «Обновить» данные в текстовом поле должны быть отправлены.

Спасибо.

Answer 1

a link версия для печати по вашему вопросу. 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>