如何動態設置AngularJS應用程序主體上的溢出

Question

我正在嘗試在AngularJS應用的主體上動態設置溢出。 我有一個sidenav打開，當它打開時，我想禁止在主體上滾動。 如果有人可以看一下我的代碼，並給我一些實現方法的提示，那就太好了：

HTML：

<body ng-controller="backgroundCtrl as background" md-theme="blue-grey" ng-style="{'overflow-y': background.lockBackgroundTrue}">

控制器：

    controller('backgroundCtrl',function(){
        this.lockBackgroundFalse = 'auto';
        this.lockBackgroundTrue = 'hidden ';
    });

任何幫助，將不勝感激。 如果這不可能，則也將理解替代方法。 提前致謝。

Answer 1

如何添加諸如style="overflow:{{isEnabled?'hidden':'scroll'}}" 。

更加有角度的做法是進行ng-style="{'overflow':isEnabled?'hidden':'scroll'}"

您可以相應地在ng-click上設置isEnabled 。

   <button href="#" ng-click="isEnabled=false">Enable scroll </button>
   <button href="#" ng-click="isEnabled=true">Disable scroll</button>

干杯!