ng-disabled不适用于内跨距

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>