我在页面的<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;
}