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
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Migrare una service connection a workload identity federation in Azure DevOps
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Eseguire query verso tipi non mappati in Entity Framework Core
Reactive form tipizzati con FormBuilder in Angular
Usare lo spread operator con i collection initializer in C#
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Utilizzare Model as a Service su Microsoft Azure
Specificare il versioning nel path degli URL in ASP.NET Web API
Sfruttare al massimo i topic space di Event Grid MQTT