Differenze tra documento vs $ documento in Angular

Question

Quali sono le differenze tra l'utilizzo di document e $document durante lo sviluppo delle applicazioni di Angular? Ho letto che è meglio utilizzare equivalenti angolari come: $window anziché window o $timeout anziché setTimeout.

Ma ... perché? Ho pensato che window, setTimeout e document sono più veloci perché sono nativi e non hanno bisogno di "passare attraverso" il codice del framework Angolare.

È meglio utilizzare gli equivalenti di Angular invece delle funzioni native, oggetti di JS?

Answer 1

seguito è sempre vero: $ window.document === $ documento [0]

Answer 2

$document è un oggetto jQuery (in pratica $(document)).

Quindi, in pratica si dovrebbe essere in grado di fare:

$document[0].property = document.property 

Potete guardare this per un esempio.

Answer 3

Utilizzando i servizi angolari per $ documento e $ finestra si rende pronto il test dell'unità di codice. Questa iniezione di dipendenza consente di utilizzare versioni fittizie di $ document o $ window nei test.

L'impatto sulle prestazioni menzionato può essere ignorato.

Answer 4

Si dovrebbe usare wrapers angolari, BCU non si rompe la sincronizzazione angolare con modello-> vista,

Per exmaple, se si utilizza setTimeout si dovrà digerire $() il campo di applicazione per aggiornare i valori nella vista, se prevedi di modificare alcuni valori del modello, d'altra parte se usi $ timeout non hai bisogno di farlo bcus lo scope si aggiornerà dopo che la funzione termina