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
Le novità di Angular: i miglioramenti alla CLI
Personalizzare l'errore del rate limiting middleware in ASP.NET Core
Miglioramenti agli screen reader e al contrasto in Angular
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Sostituire la GitHub Action di login su private registry
Eseguire operazioni sui blob con Azure Storage Actions
Utilizzare gRPC su App Service di Azure
Ottenere un token di accesso per una GitHub App
Creare una custom property in GitHub
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
I più letti di oggi
- Utilizzare AAD su SQL Database durante lo sviluppo con Visual Studio
- Utilizzare il TransferControl in Windows Phone
- Gestione dei token negli input di testo con la Universal Windows Platform
- Dare temporaneamente accesso ad un blob di Azure Storage
- Impostare le policy CORS con Azure API Management
- Utilizzare database e servizi con gli add-on di Container App
- Utilizzare HttpModule in modalità asincrona
- Indicizzare i Blob Storage con Azure Search
- Creazione di StateTrigger personalizzati in Universal Windows Platform
- Modificare i criteri della clausola Where del LinqDataSource di ASP.NET