我对AngularJS可编辑框架有疑问。使用可编辑时,将出现两个按钮:“保存”按钮和“取消”按钮。但是,我希望第三个按钮(带有减号)删除可编辑文本。如何添加第三个删除按钮?
这是我以前的问题之一:
<a href="#" editable-text="user.name">{{ user.name || 'empty' }}</a>
不要以为他们现在对此表示支持。我自己做的
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>
希望这会有所帮助:)。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句