Google Material Expansion Panel

Question

Chcę utworzyć panel rozszerzeń, taki jak ten in the demo. Nie widzę, gdzie jest to api. Jak się go wywołuje?

Answer 1

Jest jeden wbudowany w sidenav na stronie materiału kątowego: https://material.angularjs.org/. Nie jest oferowany jako oddzielny komponent, ale źródło jest dostępne.

Co więcej, była to planowana funkcja w pewnym momencie, ale ostatnio została oznaczona jako wycofana: https://github.com/angular/material/issues/985.

Answer 2

Możesz utworzyć panel rozszerzenia za pomocą komponentów AngularDart firmy Google. Wersja demonstracyjna i dokumenty są połączone z ich github.

Oto excerpt from the API docs:

materiał stylu rozszerzeń płyt.

Jeden lub więcej paneli jest zgrupowanych razem w zestawie panelu rozszerzeń. Po kliknięciu panelu> zawartość panelu rozszerza się. Panel składa się z nazwy, wartości, opcjonalnego tekstu dodatkowego i rozwiniętej zawartości panelu .

pierwiastka z wartością atrybutu jest stosowany jako „wartość” treść panelu, gdy znajduje się on w stanie złożonym

interakcje z panelu są wykonane poprzez rozszerzenie-set macierzystego. Zestaw bierze pod uwagę stan innych paneli w zestawie, i wydaje odpowiednie akcje na każdy z paneli.

TODO (google): Wejścia klawiatura/accessibility

Przykład użycia:

<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>