angular material

 in angular material if u like to movie actions like edit and delte then you should
move the column name in ts file to the top no use if you move in html file

check here

single checkbox selection click here

here in ts give consoel.log(this.selected)

you will gate below property.

1. SelectionModel
1. changed: Subject
1. closed: false
2. hasError: false
3. isStopped: false
4. observers: []
5. thrownError: null
6. _isScalar: false
7. [[Prototype]]: Observable
2. onChange: Subject
1. closed: false
2. hasError: false
3. isStopped: false
4. observers: []
5. thrownError: null
6. _isScalar: false
7. [[Prototype]]: Observable
3. selected: (...)
4. _deselectedToEmit: Array(0)
1. length: 0
2. [[Prototype]]: Array(0)
5. _emitChanges: true
6. _multiple: true
7. _selected: [{…}]
8. _selectedToEmit: []
9. _selection: Set(1)
1. [[Entries]]
1. 0: Object
2. size: 1
3. [[Prototype]]: Set
10. [[Prototype]]: Object

<mat-form-field appearance="fill">

                  <mat-label>CONTAINER PERMIT *</mat-label>

                  <mat-select [(ngModel)]="selectedValue" >

                    <mat-option *ngFor="let cn of contaniervalues" [value]="cn.lookupDescription" >

                      {{cn.lookupDescription}}

                    </mat-option>

                  </mat-select>

                </mat-form-field>

ts:selectedvalue:any;

for add and edit on same action check vessel master in dms.web under master