AngularJS via controller A to controller B

Question

First enter controller A
Then decide whether to display controller A's dom or directly display controller B's dom
But no matter how you do it, you will first render A's dom and then flash it before entering B's dom. Can anyone give me some advice?

Answer 1

Generally used in this situationng-if

Answer 2

Controller itself has no DOM. Do you mean ng-controller, component, directive or route?

Answer 3

Go to Angular’s ​​class library and find a file named angular-csp and import it. The content is like this

/* Include this file in your html if you are using the CSP mode. */

@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-shim {
  visibility:hidden;
}

.ng-anchor {
  position:absolute;
}

Then add ng-cloakattributes to your flash elements

<p ng-if="false" ng-cloak>Hello World</p>

Answer 4

I agree with the first floor. To judge the display of DOM, use ng-if directly on the HTML page. If the result is true, the DOM will be rendered. If not, it will not be rendered.