javascript - 如何在 AngularJS 应用程序主体上动态设置溢出

我正在尝试在我的 AngularJS 应用程序主体上动态设置溢出。我有一个打开的 sidenav，当它打开时我想禁用 body 上的滚动。如果有人可以查看我的代码并给我一些有关如何实现此目标的提示，那就太好了:

HTML:

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

Controller :

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

如有任何帮助，我们将不胜感激。如果这不可能，替代方法也将受到赞赏。提前致谢。

最佳答案

如何添加类似 style="overflow:{{isEnabled?'hidden':'scroll'}}" 的内容。

一个更 Angular 方式会做 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>

干杯!

关于javascript - 如何在 AngularJS 应用程序主体上动态设置溢出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29490653/