AngularJS e uso corretto dei ngCloak

Question

Citazione da uno dei commenti ngCloak direttiva (AngularJS documentation):

è solo veramente necessario sulla tua pagina "index.html", perché il browser può tentare di rendere le cose prima che Angular abbia avuto la possibilità di analizzare /compilarlo. In fase di runtime, quando Angular estrae il contenuto a causa di ng-view, ng-include, ecc., Verrà elaborato da Angular prima del rendering del browser .

Ho creato un esempio in jsFiddle per verificare ciò e con mia sorpresa l'espressione non viene valutata prima di essere visualizzata nel browser. Mi aspetterei che il modello venga prima compilato come & collegato e quindi collegato al DOM, il che non è il caso.

Ciò significa che ogni {{expression}} all'interno dei modelli deve anche essere racchiuso in ngCloak per evitare lo sfarfallio o mi manca qualcosa?

Answer 1

La mia ipotesi è che l'avviso consentono al browser per rendere prima angolare finito il suo lavoro, l'aggiunta di un setTimeout con 0 ritardo mostrare un modello reso:

http://jsfiddle.net/g/FLZZR/5/

function TemplateController ($scope) {  
    $scope.expression = "This should already be rendered..."; 
    setTimeout(function(){ 
     alert("... but it isn't."); 
    }); 
} 

Nota aggiuntiva: si puo' Aspettatevi che il modello sia reso nel momento in cui ponete il vostro avviso, nella migliore delle ipotesi sarebbe nascosto, l'uso angoloso del controllo sporco per fare la sua magia e dovete lasciarlo "digerire" le modifiche che devono essere mostrate nel DOM.