小编Bri*_*esh的帖子

Angular 12 - 根据模板中的值选择下拉选项

我正在开发一个 POC,但我面临着挑战。请帮我解决它。

情况

  1. 我有需要在选择下拉列表中显示的类别列表
  2. 我有一个门户对象,其中包含选择下拉列表中的类别之一

挑战:我需要在填充选择下拉列表时选择与门户类别匹配的选项

类别选择下拉列表人口和 prtl-类别绑定是,

<!-- Portal Category -->
    <div class="row prtl_field_margin">
        <div class="col-4 prtl_form_field_right">
            <label for="pCategory" class="control-label prtl_form_label">Category</label>
        </div>
        <div class="col-4">
            <select class="form-control" id="pCategory" name="pCategory" [(ngModel)]="prtl.category">
                <option value="" disabled>Choose a Category</option>
                <option *ngFor="let c of categories" [ngValue]="c">{{ c.name }}</option>
            </select>
        </div>
        <div class="col-4"></div>
    </div>
Run Code Online (Sandbox Code Playgroud)

组件 ts 文件中的 prtl 对象数据是,

{
  "name": "Stock Market",
  "id": 10,
  "category": {
    "id": "1",
    "name": "Cricket"
  }
}
Run Code Online (Sandbox Code Playgroud)

组件ts文件中的类别数组数据是,

[
  {
    "id": "1",
    "name": "Cricket"
  },
  {
    "id": "2",
    "name": …
Run Code Online (Sandbox Code Playgroud)

typescript angular angular12

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

angular ×1

angular12 ×1

typescript ×1