Basic
Item 1
Item 2
Item 3
Two Line
Title
Second line
Title
Second line
Three Line
Title
Second line
Third line
Title
Second line. This line will truncate.
Third line
Three Line with Text wrapping
Title
Secondary line that will wrap because the list lines is
explicitly set to 3 lines. Text inside of a `matListItemTitle`
or `matListItemLine` will never wrap.
Title
Secondary line that will wrap because the list lines is
explicitly set to 3 lines. Text inside of a `matListItemTitle`
or `matListItemLine` will never wrap.
List with Selection
@for(shoe of typesOfShoes; track shoe) {
{{ shoe }}
}
Options selected: {{ shoes.selectedOptions.selected.length }}
List with single Selection
@for(shoe of typesOfShoes; track shoe) {
{{ shoe }}
}
Option selected:
{{
shoes2.selectedOptions.hasValue()
? shoes2.selectedOptions.selected[0].value
: "None"
}}
List with sections
Folders
@for(folder of folders; track folder.name) {
folder
{{ folder.name }}
{{ folder.updated | date }}
}
Notes
@for(note of notes; track note.name) {
note
{{ note.name }}
{{ note.updated | date }}
}