Как добавить третью кнопку в редактируемую в AngularJS?

Question

У меня есть вопрос о редактируемой структуре AngularJS. При использовании редактируемой кнопки появляются две кнопки: кнопка сохранения и кнопка отмены. Тем не менее, я хочу, чтобы третья кнопка (с символом минуса) удаляла текст в редактируемом. Как добавить третью кнопку удаления?

Вот скрипка одного из моих предыдущих вопросов:

Example with only two buttons

<a href="#" editable-text="user.name">{{ user.name || 'empty' }}</a> 

Answer 1

Не думаю, что они имеют поддержку этого прямо сейчас. Я сделал это сам.

var app = angular.module("app", ["xeditable"]); 

    app.run(function (editableOptions) { 
     editableOptions.theme = 'bs3'; 
    }); 

    app.controller('Ctrl', function ($scope) { 
     $scope.user = { 
      name: 'awesome user' 
     }; 

     $scope.showClear = function() { 
      $scope.show = true; 
     } 

     $scope.empty = function() { 
      $scope.user.name = ""; 
      $scope.show = false; 
     } 
    }); 

<h4>Angular-xeditable Text (Bootstrap 3)</h4> 
<div ng-app="app" ng-controller="Ctrl"> 
    <span href="#" editable-text="user.name" ng-click="showClear()">{{ user.name || 'empty' }}</span> 
    <button class="btn btn-default" ng-click="empty()" ng-show="show"> 
     - 
    </button> 
</div> 

Надеюсь, это поможет :).