Angular 嵌套 HTML 元素的范围问题

Question

我有一个非常简单的例子，我试图显示一个处理图标，点击保存按钮在控制器的 $scope 中设置一个 saving 标志。

我的问题是该按钮已通过指令 ng-disabled 禁用，但该按钮下的其他指令不包含 saving

的值

button.btn.btn-default(ng-show='editMode', ng-disabled='saving', ng-click='save()')
  ui-icon(ng-hide='saving', icon='fa-save')
  ui-icon-processing(ng-show='saving')
  span Save

什么可能导致此问题发生？

Answer 1

删除 bootstrap 类解决了这个问题。 btn.btn-default

还必须删除一些 bootstrap 按钮初始化

$('.btn').button();

Angular 嵌套 HTML 元素的范围问题

Angular scope issue with nested HTML elements

javascript

angularjs

angular-directive