Question

我在尝试选择角度下拉列表时遇到问题。我想基于ngFor传递的数据选择一个选项。由于我经历过，因此我不能同时使用ngIf和ngFor。尽管我不明白为什么无法做到这一点，但我还是想问一个问题：“我如何做这项工作？”代码背后的数据运行良好。这已经过测试。我也不能随便使用$(document).ready();

来使用JQuery对其进行修复

<select *ngIf="result.Waarde.length >= 2; else other_content" (change)="onChangeSelected($event.target.value, result)" #select class="form-control">
    <option *ngFor="let waarde of result.Waarde" *ngIf="result.WaardeStr == waarde.value;" selected>
        {{waarde.value}}
    </option>
    <option *ngFor="let waarde of result.Waarde" *ngIf="result.WaardeStr != waarde.value;">
       {{waarde.value}}
    </option>
</select>

谢谢。

Answer 1

按如下所示使用ngModel。

SQLSTATE[42000]: Syntax error or access violation: 1253 COLLATION 'utf8mb4_  
      unicode_ci' is not valid for CHARACTER SET 'binary' (SQL: ALTER TABLE vendo  
      r_horses CHANGE image image JSON DEFAULT NULL COLLATE utf8mb4_unicode_ci)

Answer 2

将条件放在selected属性上：

<select *ngIf="result.Waarde.length >= 2; else other_content" (change)="onChangeSelected($event.target.value, result)" #select class="form-control">
    <option *ngFor="let waarde of result.Waarde" [attr.selected]="result.WaardeStr == waarde.value">
        {{waarde.value}}
    </option>
</select>

Answer 3

<select *ngIf="result.Waarde.length >= 2; else other_content" (change)="onChangeSelected($event.target.value, result)" #select class="form-control">
<option *ngFor="let waarde of result.Waarde" [attr.selected]="result.WaardeStr == waarde.value">
    {{waarde.value}}
</option>

我们具有增值属性，因此无法正常选择！！！！！！

Angular 7根据传递的数据选择选定的属性选项

3 个答案: