Angularjs 如何在ng click中使用微调器更改按钮文本

我需要改变按钮文本与字体可怕的微调器对ng点击功能

<input id="Button1" type="button" value="{{buttonText}}"  ng-click="Save()" />

我的剧本是

app.controller("CateCtrl", function ($scope, $http) {
    $scope.buttonText = 'Save';
    $scope.Save = function () {
           $scope.buttonText = '<i class="fa fa-spinner fa-pulse"></i> Please wait';
        }); 
    });

app.controller（“CateCtrl”，函数（$scope，$http）{
$scope.buttonText='Save'；
$scope.Save=函数（）{
$scope.buttonText='请稍候'；
}); 
});

它将文本更改为“请稍候”

不显示微调器图标。`

使用ng类

<button><i ng-class="{'fa fa-spinner fa-pulse' : loading}"></i></button>

Edit1：你可以在你的按钮标签里有html

使用ng类

<button><i ng-class="{'fa fa-spinner fa-pulse' : loading}"></i></button>

---

Edit1：你可以在你的按钮标签里有html

这里是解决方案，使用

ng if

条件

拯救
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.Save=函数（）{
$scope.loading=！$scope.loading；
}; 
});

这里是解决方案，使用

ng if

条件

拯救
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.Save=函数（）{
$scope.loading=！$scope.loading；
}; 
});

您可以采取另一个步骤，但是使用

ng disable=“load”

禁用按钮，以便用户不能多次单击按钮您可以采取另一个步骤，但是使用

ng disable=“load”

禁用按钮，以便用户不能多次单击按钮