Angularjs 当ng类应用于body标记时,如何避免延迟?
我在页面的Angularjs 当ng类应用于body标记时,如何避免延迟?,angularjs,Angularjs,我在页面的标记上使用类名来定义是否缩放页面内容 <body 'ng-class'=> "Preferences.zoomed()"> “首选项.缩放()”> Preferences.zoomed()的默认设置为false,因此页面在非缩放状态下加载 不幸的是,页面加载和ng类评估之间似乎有短暂的延迟。这意味着,当页面加载(并设置为缩放)时,它会不断(尽管很短)从非缩放状态切换到缩放状态,使内容闪烁不愉快 我想这是因为Angular在dom加载后求值。。。
标记上使用类名来定义是否缩放页面内容
<body 'ng-class'=> "Preferences.zoomed()">
“首选项.缩放()”>
Preferences.zoomed()
的默认设置为false,因此页面在非缩放状态下加载
不幸的是,页面加载和ng类
评估之间似乎有短暂的延迟。这意味着,当页面加载(并设置为缩放)时,它会不断(尽管很短)从非缩放状态切换到缩放状态,使内容闪烁不愉快
我想这是因为Angular在dom加载后求值。。。
我猜想,之所以会出现这种瞬时状态,是因为直到dom完成加载之后,才会解析和计算角度。因此,页面加载zoom=false
,然后切换到zoom-true
如何强制ng类在加载到页面时进行计算?
有没有办法强制Angular在元素本身加载时计算此表达式并避免此闪烁?请查看此处
@不,在加载DOM之前不能进行角度计算。如果它如此重要(如果
ngclope
不适合你),也许你可以使用“香草JS”。什么是“Preferences.zoomed()”?它来自何处,何时评估?Preferences.zoomed()是工厂中的一个访问器方法,用于存储用户对页面的缩放首选项。您可以在此处看到它的效果:。页面右上角有一个切换按钮,可以改变zoom pref。ng斗篷实际上似乎可以完成这项工作,尽管现在有一个短暂的无内容闪现;)。最终,我需要使应用程序成为SPO,但与此同时,ng斗篷似乎已经完成了工作
<body 'ng-class'=> "Preferences.zoomed()" ng-cloak="">
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}