Yes, check-boxes can be positioned to the left in Angular Material's mat-list options by adding the "mat-list-option" class to the list option and using the "mat-list-avatar" directive to place the check-box on the left.
For example, the following code will position the check-box on the left:
<mat-selection-list>
<mat-list-option class="mat-list-option" *ngFor="let item of items">
<mat-icon mat-list-icon>person</mat-icon>
<div mat-list-avatar>
<mat-checkbox [(ngModel)]="item.selected"></mat-checkbox>
</div>
{{ item.name }}
</mat-list-option>
</mat-selection-list>
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-05-18 11:00:00 +0000
Seen: 13 times
Last updated: Dec 12 '21
Can you restate the concept of Material Requirements Planning within the context of R?
What's the method to alter the label's font size in tree view using material UI?
How can the type 'string' be made assignable to the Icon type in Material UI?
How can I obtain the index of a column in an Angular Material matTable?
What is the process for adding a custom button color in Angular Material design?
In Angular Material Nested Tree, CdkDragDrop is providing incorrect index values for the drag event.
What can be done about the absence of Angular styles for material UI?
What is the method for including more than 25 options to the autocomplete feature in discord.js v14?
Does AsyncSelect fail to automatically update or refresh its values?