[MUSIC]
Nel primo modulo abbiamo rivisto brevemente le direttive e
esaminiamo le direttive strutturali.
Abbiamo visto come le direttive strutturali ci consentano di progettare i modelli.
Per i nostri componenti angolari.
In questa lezione, esamineremo le direttive degli attributi.
Il terzo tipo di direttiva.
E vedremo anche come possiamo progettare una direttiva personalizzata
nell'esercizio che segue questa lezione.
Quindi, come ci siamo resi conto, le direttive sono un modo
di progettare entrambi i modelli angolari e ci permettono di fare
varie parti della manipolazione della diga con una vista di applicazioni angolari R.
Quindi, abbiamo visto l'uso di direttive per dare istruzioni alla ripetizione angolare e
come rendere i modelli nel DOM.
E abbiamo già imparato che all'interno dell'applicazione Angular,
l'uso di direttive strutturali nei modelli ci consente di progettare le
nostre opinioni della nostra applicazione Angular.
Abbiamo anche imparato che il componente che abbiamo usato così
ampiamente nei vari esercizi di questo corso.
Si tratta di un tipo speciale di direttiva che ha un modello o un punto di vista allegato.
E abbiamo anche imparato prima che,
ci sono altri due tipi di direttive che possiamo usare all'interno dei nostri modelli.
Le direttive strutturali e le direttive sugli attributi.
Abbiamo esaminato alcune direttive strutturali integrate nel primo
modulo di questo corso.
E abbiamo visto come possiamo usare direttive strutturali come NG4 o NGF e
molto altro in questi esercizi nelle parti precedenti di questo corso.
Ora vedremo l'altro tipo di direttiva, la direttiva sugli attributi.
Che cos'è una direttiva attributo e
come ci aiuta nella progettazione della nostra applicazione angolare.
Quindi quali sono le direttive sugli attributi?
Le direttive attributo vengono utilizzate come attributi per gli elementi nel modello.
Quindi, proprio così hai il tuo codice HTML che scrivi all'interno del tuo modello e
gli elementi HTML puoi applicare una direttiva attributo
a quegli elementi HTML.
Abbiamo anche visto la direttiva strutturale dell'utente.
E abbiamo visto i componenti possono aggiungere ulteriori
elementi simili a HTML che possono essere utilizzati all'interno dei modelli della vostra applicazione angolare.
Quindi il modo in cui usiamo i componenti con i loro selettori
era un modo in cui abbiamo usato le direttive all'interno della nostra applicazione Angular.
Quando abbiamo visto l'uso di direttive strutturali che sono stati applicati ai
vari elementi HTML all'interno del nostro modello.
Ora guardiamo le direttive degli attributi che ci permettono di cambiare
alcune proprietà dei nostri elementi HTML.
Quindi quali sono l'uso delle direttive sugli attributi?
Le direttive degli attributi ascoltano e modificano il comportamento di altri elementi HTML
o attributi o proprietà o componenti utilizzati all'interno dei modelli.
Abbiamo effettivamente utilizzato alcune delle
direttive sugli attributi incorporati già senza parlarne esplicitamente.
Parlando delle direttive degli attributi incorporate che vengono come parte del tuo
framework Angular.
Hai già incontrato il modello Ng in alcune delle lezioni precedenti di
questo corso, in particolare nell'area di associazione dati e
anche quando abbiamo studiato i caratteri nel modulo precedente.
Ci sono altri due tipi di direttive attributo integrate che
potremmo incontrare è ngClass e ngStyle.
Con il nome stesso puoi indovinare qual è il loro scopo.
Allo stesso modo, ci sono alcuni altri moduli che si utilizzano all'interno
delle applicazioni angolari come il FormsModule e anche il RouterModule che hanno il
proprio set di direttive di attributi built-in che facciamo uso di.
Infatti, abbiamo già fatto uso di loro quando definiamo moduli e
anche l'uso del router all'interno della nostra applicazione angolare in precedenza.
Ora, a questo punto, ti starai chiedendo, come faccio a creare la
mia direttiva sugli attributi se sono interessato a creare una direttiva personalizzata, quindi
questo è dove vedremo come puoi derivare una direttiva personalizzata.
Esaminiamo brevemente le direttive personalizzate nella diapositiva successiva e
nell'esercizio che segue.
Quindi nelle direttive personalizzate la tua aspettativa è che saresti in grado di implementare
ciò a cui sei interessato.
In particolare, quindi è qui che possiamo creare le nostre direttive personalizzate.
Utilizzando la CLI angolare, è possibile impalcare il codice bare bones per una direttiva
e successivamente modificare quel codice per implementare la direttiva personalizzata.
Quindi, quando implementi una direttiva personalizzata usando la CLI angolare,
creerà una direttiva per te.
E poi noterai immediatamente che all'interno della direttiva,
userai quella
classe decoratore di direttiva per convertire la classe in una direttiva e
incontreremo una di queste nell'esercizio che segue.
Inoltre, con il director, soprattutto quando si utilizzano direttive di attributo e
si desidera modificare qualsiasi elemento che vengono utilizzati all'interno dei modelli.
Un' altra classe che è utile per noi è chiamata elementRef.
Questo è anche importante dal codice angolare, e questo viene iniettato nel
costruttore di direttive, scritto la classe di direttiva.
E poi questo ti consente di accedere agli elementi DOM e
quindi apportare modifiche a loro.
Quindi, con questa rapida comprensione di come è possibile creare direttive personalizzate,
diamo un'occhiata a un esempio nell'esercizio che segue questa lezione.
[ MUSIC]