如何在AngularJS中向可编辑内容添加第三个按钮?

我对AngularJS可编辑框架有疑问。使用可编辑时,将出现两个按钮:“保存”按钮和“取消”按钮。但是,我希望第三个按钮(带有减号)删除可编辑文本。如何添加第三个删除按钮?

这是我以前的问题之一:

仅两个按钮的示例

<a href="#" editable-text="user.name">{{ user.name || 'empty' }}</a>
哈桑·易卜拉欣(Md Hasan Ibrahim)

不要以为他们现在对此表示支持。我自己做的

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在R中获得每三个月的第三个星期五

如何在Android Alert对话框中添加第三个按钮?

根据第三个变量向ggplot2图添加背景

在Django中,如何添加两个字段的内容并在第三个字段中显示结果?

如何在我的pmap_dfc语句中添加第三个动态列表元素

向ngClass添加第三个条件不起作用

如何在HTML Javascript中填充第三个下拉列表?

如何在字符串中查找第三个“ _”的位置-JavaScript

向关联数组添加第三个参数

如何使变薄的链接在第三个屏幕中引发按钮?

如何向该Excel公式添加第三个条件?

如何在jQuery中定位父级的第三个子级?

如何在一个表中将NEW值与另一个表中的值添加到第三个表中?

给定第三个键,如何在字典中交换2个值?

如何使第二个活动中的按钮打开第三个活动?

Dropbox 如何在第三个数据分区中工作?

Javascript - 如何添加两个文本框的结果并在第三个中显示结果?

如何在 Rails 5 中为第三个嵌套模型编写表单代码?

如何在添加文本“Uhr”的字符串中设置第三个运算符?

如何在 Laravel where 子句数组中添加第三个参数

如何在表单中添加两个字段并使用 Redux Form 在第三个字段中显示

如果满足最后两个条件,我如何在 Google 表格中添加第三个条件

如何向此 bash 脚本添加第三个参数?

如何添加两个不等数组的每个元素并将其存储在第三个数组中?

我应该如何在 Laravel 中为新类别创建第三个表

如何在地图c ++中获取第三个元素(从头到尾)

输入两个值后,如何在第三个编辑文本中自动显示两个编辑文本值的结果?

是否可以向 ggplot2 添加第三个 y 轴?

向 SELECT 添加第三个值时 SQL 连接不起作用