Desidero creare un pannello di espansione come quello in the demo. Non vedo dove sia l'api per questo. Come viene invocato?Pannello di espansione materiale Google
risposta
Ce n'è uno incorporato nel sidenav sul sito di materiale angolare: https://material.angularjs.org/. Non è offerto come componente separato, ma la fonte è lì.
Inoltre, questa era una funzionalità pianificata in un determinato momento, ma è stata contrassegnata come recentemente deprecata: https://github.com/angular/material/issues/985.
È possibile creare un pannello di espansione utilizzando i componenti di AngularDart di Google. Una demo e i documenti sono collegati dal loro github.
Ecco un excerpt from the API docs:
Un'espansione del pannello di materiale in stile.
Uno o più pannelli sono raggruppati in un gruppo di pannelli di espansione. Quando si fa clic su un pannello>, i contenuti del pannello si espandono. Un pannello è costituito da un nome, un valore, testo secondario opzionale e il contenuto del pannello espanso.
elemento contenuto con valore di attributo verrà utilizzato come "valore" contenuto del pannello quando è in uno stato compresso
interazioni con pannello vengono effettuati attraverso l'espansione set genitore. Il set tiene conto dello stato degli altri pannelli nel set, e invia le azioni appropriate su ogni singolo pannello.
TODO (Google): input da tastiera/accessibilità utilizzo
Esempio:
<material-expansionpanel (save)="doSave()"> <my-component></my-component> </material-expansionpanel> <material-expansionpanel wide> <div value class="valueClass"> Fancily formatted value of my panel's contents </div> <my-component></my-component> </material-expansionpanel>
Si prega di non fornire risposte di solo collegamento; invece, metti i bit più importanti alla tua risposta direttamente. In questo modo, la risposta rimane rilevante anche se il collegamento si interrompe ed è anche più amichevole con chi lo legge. – YakovL
@YakovL Grazie per il suggerimento. Ho aggiunto un estratto dai documenti API. – Aro
Questo è esattamente quello che sto cercando! Non trovo alcun esempio/api per raggiungere questo obiettivo. Hai avuto fortuna fino ad ora? –
Nessuna fortuna. Sono costantemente impressionato da come Google sembra spesso osare le persone per utilizzare correttamente i suoi strumenti. Immagini invece di esempi di lavoro, componenti senza spiegazione su come codificarli o usarli, la lista potrebbe continuare all'infinito. –
Googles Material Design è un concetto teorico. Ci sono persone che lavorano alle reali implementazioni dei componenti menzionati nel sito di progettazione materiale come [Materiale angolare] (https://material.angularjs.org/). Tuttavia, devono ancora implementare tutti i componenti, ad esempio il pannello di espansione non è ancora implementato. – Marcus