Lists

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