Nello script #154 abbiamo visto come creare una direttiva custom da utilizzare nel markup delle view. In quello script abbiamo usato la direttiva direttamente come se fosse un tag HTML, ma questo non è sempre l'utilizzo che ne dobbiamo fare. Infatti, come abbiamo visto in altri script, alcune direttive sono utilizzabili solo come attributi mentre in altri casi possono essere usate come commento HTML o come classe CSS.
Tutte queste opzioni sono specificabili nella proprietà restrict dell'oggetto restituito dalla direttiva come mostrato nel seguente esempio.
var app = angular.module("myApp", []); app.directive("My-Directive", function() { return { restrict: "EA" template : "<h1>Direttiva</h1>" }; });
La proprietà restrict può contenere i seguenti caratteri che possono essere cominati tra loro:
- E: la direttiva può essere usata come elemento
- A: la direttiva può essere usata come attributo
- C: la direttiva può essere usata all'interno dell'attributo class
- M: la direttiva può essere usata come commento
Nel prossimo esempio vediamo l'utilizzo della direttiva in base ai parametri appena elencati.
<my-directive></my-directive> <div my-directive></div> <div class="my-directive"></div> <!-- directive: my-directive -->
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Ottimizzazione dei block template in Angular 17
Usare le collection expression per inizializzare una lista di oggetti in C#
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Utilizzare il trigger SQL con le Azure Function
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Utilizzare la session affinity con Azure Container Apps
Usare una container image come runner di GitHub Actions
Eseguire attività basate su eventi con Azure Container Jobs
Utilizzare database e servizi con gli add-on di Container App
Criptare la comunicazione con mTLS in Azure Container Apps