AngularJs: ng-disabled 在 event.target.setAttribute 中不工作

Question

JS

$scope.change = function(event){ 
       event.target.innerHTML = "connecting <i class='fa fa-refresh fa-spin' 
                  aria-hidden='true'></i>";
       event.target.setAttribute("ng-disabled",true); 
    }

HTML

<button class="btn-invite"  ng-click="change($event)">Connect <i class="fa fa-plug" aria-hidden="true"></i> </button>

它没有禁用按钮？

Answer 1

from angular ng-click 你不能直接调用 javascript 函数你必须在控制器中定义并从 angular js html 调用 像

控制器代码：

$scope.change = function (event) {
    event.target.innerHTML = "connecting <i class='fa fa-refresh fa-spin' 
    aria - hidden = 'true' > < /i>";
    event.target.setAttribute("ng-disabled", true);
}

工作演示http://plnkr.co/edit/5V6n6K0BhH1tcQ2LOTpl

Answer 2

在控制器中将 ng-disabled 更改为禁用

$scope.change = function(event){ 
       event.target.innerHTML = "connecting <i class='fa fa-refresh fa-spin' 
                  aria-hidden='true'></i>";
       event.target.setAttribute("disabled",true); 
    }