当ng-class应用于body标签时,如何避免延迟?



我在页面的<body>标记上使用类名来定义页面的内容是否缩放。

<body 'ng-class'=> "Preferences.zoomed()">

Preferences.zoomed()的默认设置为false,因此页面以非缩放状态加载。

不幸的是,虽然似乎有一个短暂的延迟在页面加载和ng-class得到评估之间。这意味着当页面加载(并设置为缩放)时,它会不断地(尽管短暂地)从非缩放状态切换到缩放状态,使内容闪烁不愉快。

我认为这是因为Angular在dom加载后求值…

我猜这个瞬间状态的发生,因为角度没有被解析和评估,直到dom完成加载后。因此,页面加载zoom=false,然后切换到zoom-true

我怎么能强迫ng类被评估,因为它加载到页面?

有没有办法强制Angular在元素本身加载时对这个表达式求值,以避免这种闪烁?

请看这里https://docs.angularjs.org/api/ng/directive/ngCloak

<body 'ng-class'=> "Preferences.zoomed()" ng-cloak="">
css:

[ng:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

最新更新