如何动态设置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>

干杯!