Javascript 如何找到按钮的值，然后将其更改回

我想为任何按钮添加一个指令，用单词loading替换按钮值。然后有一个函数，当我在代码中的任何地方调用该函数时（比如在ajax加载之后），它会将按钮的值还原回来

我想知道如何在AngularJS中实现这一点

首先，我想我创建了一个指令

.directive('spinnerButton', function () {
    return {
        restrict: 'A',

        link: function (scope, element, attrs) {
            element.bind('click', clickedButton);

            function clickedButton() {
               //get button change  add the words loading...
            }
        }
    }
});

  <div ng-click="loadsomething()" spinner-button>All Projects</div>

在我的按钮上作为指示

.directive('spinnerButton', function () {
    return {
        restrict: 'A',

        link: function (scope, element, attrs) {
            element.bind('click', clickedButton);

            function clickedButton() {
               //get button change  add the words loading...
            }
        }
    }
});

  <div ng-click="loadsomething()" spinner-button>All Projects</div>

---

可以对指令和外部作用域共享的

加载

属性使用双向数据绑定。单击元素时，将

load

设置为true。加载完成后，将外部范围中的

加载

设置为

假

（例如

加载某物

）

您可以使用转换来更改按钮显示的内容

return {
    restrict: "A",
    transclude: true,
    template: "<div ng-transclude ng-hide=loading></div>"
        + "<img ng-show=loading src=throbber.gif>",
    scope: {loading: "=spinnerButton"},
    link: function (scope, elem) {
        elem.bind("click", function () { scope.loading = true; });
    }
};

<div ng-click="loadsomething()" spinner-button=loading>All Projects</div>

返回{
限制：“A”，
是的，
模板：“”
+ "",
作用域：{加载：“=喷丝头按钮”}，
链接：功能（范围、要素）{
bind（“单击”，函数（）{scope.loading=true；}）；
}
};
所有项目

---

我认为您需要向DIV添加一个

id

属性以引用它<代码>。然后使用

getElementById（）

设置按钮文本。