Angular JS $ watch vs $ on

Question

Voglio eseguire una funzione all'interno di una direttiva, ogni volta che si verifica una modifica dello stato nell'ambito genitore.

Il modo più ovvio per ottenere ciò è utilizzare le trasmissioni di eventi ($broadcast) e gli ascoltatori ($on).

Sono curioso di sapere se utilizzare un orologio $ è un'alternativa alla trasmissione di eventi. Se lo è, come si confrontano i due?

Per quanto ho capito, l'espressione da guardare viene valutata ogni ciclo di $ digest. Quindi gli eventi sono più efficienti dell'orologio?

Answer 1

La funzione $watch viene utilizzata per controllare le variabili sull'oscilloscopio. L'ereditarietà dell'ambito consente di controllare anche le variabili dell'ambito genitore, quindi questa è sicuramente la strada da seguire per il tuo caso d'uso. Come hai giustamente detto, $on viene utilizzato per guardare gli eventi, che puoi $broadcast per gli ambiti figlio o $emit per gli ambiti padre. Questo ti dà molto più controllo, ma potrebbe causare più errori durante la codifica, dal momento che potresti ottenere un aggiornamento a una variabile di ambito da un punto che non controlli e dimentichi di avvisare gli ascoltatori.

È ancora possibile utilizzare gli eventi quando non si ereditano variabili di ambito. Ma fai attenzione a non inquinare un ambito di grandi dimensioni, utilizzando i servizi potrebbe essere un'opzione lì, perché immediatamente vedere se è iniettato o meno.

Poiché una direttiva ottiene l'ambito su cui si trova (o ne eredita), direi che $watch è un'opzione molto più pulita qui.

Se si desidera avere un ambito isolato sulla direttiva, è possibile passare argomenti come attributi e $observe.