Angularjs – Hide content until DOM loaded

by

In your CSS add:

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

and just add a “ng-cloak” attribute to your div like here:

<div id="template1" ng-cloak>{{scoped_var}}<div>

doc: https://docs.angularjs.org/api/ng/directive/ngCloak

More Related Contents:

  1. How can I dynamically add a directive in AngularJS?
  2. Combating AngularJS executing controller twice
  3. AngularJS – Does $destroy remove event listeners?
  4. Difficulty with ng-model, ng-repeat, and inputs
  5. How to access cookies in AngularJS?
  6. Sending event when AngularJS finished loading
  7. AngularJS vs Angular [closed]
  8. AngularJS – How to structure a custom filter with ng-repeat to return items conditionally
  9. Angular.js: How does $eval work and why is it different from vanilla eval?
  10. AngularAMD + ui-router + dynamic controller name?
  11. how to inject dependency into module.config(configFn) in angular
  12. AngularJS : $q -> deferred API order of things (lifecycle) AND who invokes digest?
  13. Sharing data between directives
  14. Angular JS resizable div directive
  15. AngularJS: ngRoute Not Working
  16. “Uncaught Error: [$injector:unpr]” with angular after deployment
  17. AngularJS – Binding radio buttons to models with boolean values
  18. Angular-ui-router: ui-sref-active and nested states
  19. Filtering an Angular 1.2 ng-repeat with “track by” by a boolean property
  20. AngularJS. Convert tag value (Unix time to human-readable time)
  21. Why do I receive error … unexpected request: GET /internalapi/quotes
  22. AngularJS withCredentials
  23. Angular sanitize / ng-bind-html not working?
  24. What is the difference between scope:{} and scope:true inside directive?
  25. Understanding AngularJS ng-src
  26. Using expression `(“&”)` binding to pass data from AngularJS component to parent scope
  27. AngularJS Dynamic loading a controller
  28. Force HTTP interceptor in dynamic ngSrc request
  29. npm install -g karma error MSB4019: The imported project “C:\Microsoft.Cpp.Default.props” was not found
  30. Inject module dynamically, only if required

Leave a Comment