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
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Generare velocemente pagine CRUD in Blazor con QuickGrid
Creare gruppi di client per Event Grid MQTT
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Usare un KeyedService di default in ASP.NET Core 8
Cancellare una run di un workflow di GitHub
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Gestire errori funzionali tramite exception in ASP.NET Core Web API
Criptare la comunicazione con mTLS in Azure Container Apps
Aggiungere interattività lato server in Blazor 8
Evitare la script injection nelle GitHub Actions