NG-禁用不適用於內跨度

Question

我有以下按鈕：

<button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary" > 
    <span class="glyphicon glyphicon-save"></span>&nbsp; 
    <span data-translate="entity.action.save" ng-click="send()">Save</span> 
</button> 

我的問題是ng-disabled只工作在第一內<span>，所以按鈕將變爲禁用（一樣的「 glyphicon-save「），但是按鈕上的文字沒有，並且」保存「文本仍然是可點擊的。爲什麼會發生這種情況？

Answer 1

將你的ng-click從<span>移動到<button>，你應該沒問題。

<button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary" ng-click="send()"> 
    <span class="glyphicon glyphicon-save"></span>&nbsp; 
    <span data-translate="entity.action.save">Save</span> 
</button>