angularjs - 即使条件中的值发生变化，仍然禁用使用 ng-disabled 按钮

Question

我有一个按钮：

<button ng-disabled="ctrl.myService.getData().someProperty ? '' : 'disabled'">
  Click me!
</button>

当应用程序加载someProperty不存在时ctrl.myService.getData()。所以按钮被禁用。

someProperty但是在设置了几秒钟后，ctrl.myService.getData()但我的按钮仍然被禁用..知道为什么它没有根据新属性启用按钮吗？

Answer 1

它应该是这样的：

在您的控制器中：

     <script>
        app.controller("myCtrl", function($scope) {

           $scope.is_disabled = ctrl.myService.getData().someProperty;
        });
     </script>

在 HTML 中：

    <button ng-disabled="is_disabled ? false : true">
      Click me!
    </button>

Answer 2

还要确保在方法执行结束时调用 $scope.apply() 以便它可以应用必要的更改