如何在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'}"

您可以相应地设置isEnabledng-click.

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

干杯!