每次更改后从选择元素中清除选择的值

Question

我有下拉列表和文本字段。从下拉列表中选择的值显示在文本字段中。现在我想清除选定的值，即；在下拉菜单中显示为空，但第一次清除时显示为空白，而其余部分则无法正常显示。

DEMO

我只想在下拉列表中为每个选择显示空白

Answer 1

您可以通过在重置绑定值之前强制进行更改检测来使代码正常工作。这可能确保在将eval元素中所做的更改设置为空值之前，该更改已得到处理。参见usual warnings。

select

---

或者，您可以删除logNoteSelectionChange(obj) { this.Otherlogs = obj; this.changeDetectorRef.detectChanges(); this.selectedLog = ''; } 元素上的[(ngModel)]数据绑定：

select

并在<select #select ngModel (ngModelChange)="logNoteSelectionChange(select, $event)"> <option *ngFor="let log of logCol"> {{log.logMessage}} </option> </select> 事件处理程序中重置选定的值：

(ngModelChange)

有关演示，请参见this stackblitz。

Answer 2

如果我理解您的正确回答并依靠前面的问题，则解决方案会更清晰

`<select #select class="form-group"
   (change)="logNoteSelectionChange(select,select.value)">
     <option *ngFor="let log of logCol">
        {{log.logMessage}}
     </option>
 </select>

`

这是link可以堆叠闪电