<Select-Group> <select

Question

<Select-Group> <select

#selectVolume name="volume">
<ng-container *ngFor="let option of options; let i = index">
<option [value]="option.key" [attr.selected]="i==0?'':null"> {{option.key}} | {{option.value}}</option>
</ng-container>
</select>
<select-item [selectRef]="selectVolume" [items]="options" title="{{text}}"></select-item>
</select-group>

в select-item строится кастомный селект

<div class="selectField">
<div class="placeholder">{{selectedOption}}</div>
<ul class="selectItem">
<li class="item" *ngFor="let option of items">
<div class="caption" (click)="optionClick( option.key )" >
{{option.value}}
</div>
</li>
</ul>
</div>

Я хотел при клике на item делать change на нужный value у option =) для этого мне надо elementRef на селект

#angular #frontend #javascript #programming #russian

0

29.06.2020

1 ответов

19 просмотров

Dmitriy Teplov · Accepted Answer

хм, не очень хорошая идея, что ребёнок управляет состоянием родителя ребёнок должно только уведомлять родителя, что он был выбран (на него кликнули), а родитель уже может слушать этот ивент class Child { @Output() readonly selectOption = new EventEmitter<Id>(); onClick(optionId: Id) { this.selectOption.emit(optionId); } } ... class Parent { onOptionSelected(id: Id) { ... } } <child [options]="options" (selectOption)="onOptionSelected($event)" ></child>

169 похожих чатов

<Select-Group> <select

1 ответов

Похожие вопросы