Как передать select option value в функцию onSelectValue, чтобы в функции положить value в объект?

Question

[Dan Danisoni]

Мой template :

<mat-form-field appearance="fill">
    <mat-select>
        <mat-option></mat-option>    
        <mat-option
            *ngFor="let filterItem of itemsShop.filterItems"
            [value]="filterItem"
            (click)="onSelectValue()"
        >
            {{ filterItem.name }}
        </mat-option>
    </mat-select>
</mat-form-field>

<mat-form-field appearance="fill">
    <mat-select>
        <mat-option></mat-option>    
        <mat-option
            *ngFor="let filterItem of itemsShop.filterItems"
            [value]="filterItem"
            (click)="onSelectValue()"
        >
            {{ filterItem.name }}
        </mat-option>
    </mat-select>
</mat-form-field>

Мой ts file:

onSelectValue(val1: string, val2: string){
        let obj = {
            firstValue: val1,
            secondValue: val2,
        }
        return obj
    }

Answer 1

[Timpixel]

Я немного не разбираюсь в JS, но думаю, что Эта тема - немного похожа на ваш вопрос, просто нужно разобраться и поменять много чего!

Но всё же, немного покажу пример:

<select onchange="onSelectValue(this.options[this.selectedIndex])">
    <option value="AAA">val1</option>
    <option value="BBB">val2</option>
    <option value="ccc">val3</option>
    <option value="DDD">val4</option>
</select>

function onSelectValue(opt) {
    alert(opt.value);     /* e.g. DDD */
    alert(opt.text);      /* e.g. Rome */
}

Comments

[Dan Danisoni]

Спасибо вам за отзыв, но это не совсем то.