CSS not running until the page is refreshed manually

Asked Nov 28 '16 at 14:12

Active Nov 28 '16 at 14:19

Viewed 94 times

The following code bind the sanitized html to a div

<div ng-bind-html="vm.html" ng-if="vm.isLoaded" ng-cloak></div>

The css classes inside the html content did not takes effect after displayed until I manually refresh the page. Did I miss out anything here?

vm.html content

<div class="pslider">
 <div class="slide"><img src="img1" /></div>
 <div class="slide"><img src="img2" /></div>
 <div class="slide"><img src="img3" /></div>
</div>

edited Nov 28 '16 at 14:19

asked Nov 28 '16 at 14:12

user3227412

How / where are you loading CSS file? – Vivek Athalye Nov 28 '16 at 14:22
@VivekAthalye The css files are located on index.html, which loaded once the app run – user3227412 Nov 28 '16 at 14:25
You may have a javascript error that is blocking the css from loading. Could you check the developer console for errors and post them if any? This could help illuminate the issue. – Bonk Nov 28 '16 at 14:29
@Bonk I didn't see any errors from developer console. – user3227412 Nov 28 '16 at 14:32
After some investigation, I found that the javascript files are not loaded in the child view. I even tried lazy load the javascript but it still not working for me. – user3227412 Nov 29 '16 at 16:21

CSS not running until the page is refreshed manually

0 Answers0