在Angular2中,如果我有一个只有一个选项的动态下拉列表,那么在设置选项时如何自动选择一个且唯一的选项?

在Angular2中,如果我有一个只有一个选项的动态下拉列表,那么在设置选项时如何自动选择一个且唯一的选项?,angular,select,html-select,dropdown,Angular,Select,Html Select,Dropdown,我是一个有角度的新手,希望有人能帮助我。我正在接管一个别人已经开始的项目 我有很多关于相互依赖的下拉列表,当一个选项被选中时,它会影响其他选项中的哪些选项可用。目前,这种相互依存关系运作良好 我的问题是,有些下拉列表中偶尔只有一个选项。发生这种情况时,我希望能够自动选择1个可用选项,然后运行onChange()事件,以便其他下拉列表可以根据所选项目进行相应更新 但我不知道该怎么做 这个应用程序很复杂,我不确定我是否完全理解它。看起来每个下拉列表都以自己的形式定义了一个[formGroup]。使用

我是一个有角度的新手,希望有人能帮助我。我正在接管一个别人已经开始的项目

我有很多关于相互依赖的下拉列表,当一个选项被选中时,它会影响其他选项中的哪些选项可用。目前,这种相互依存关系运作良好

我的问题是,有些下拉列表中偶尔只有一个选项。发生这种情况时,我希望能够自动选择1个可用选项,然后运行
onChange()
事件,以便其他下拉列表可以根据所选项目进行相应更新

但我不知道该怎么做

这个应用程序很复杂,我不确定我是否完全理解它。看起来每个下拉列表都以自己的形式定义了一个
[formGroup]
。使用
ngrx/store
保存应用程序中的状态和所有下拉列表,这是用来检查是否选择了下拉列表的内容(代码中的
this.room
是一个存储)。我认为,当用户选择一个下拉列表时,会发生一个事件,用所选的选项更新存储,然后调用一个函数来重新更新所有相互依赖的下拉列表。这些dropdpwn检查存储,查看所选选项的
id
是什么,并将该选项与匹配项设置为选中状态。。。我想

以下是有关表单编码方式的代码片段:

<form [formGroup]="this.formService.JunctionForm">
        <label>Junction</label>
        <select class="form-control" #topelement3 formControlName="fj" elementRequired (change)="reportElement('Junction', this.formService.JunctionForm.value.fj)">
        <option *ngFor="let option of generateAllPaths(junctions.horizontalFlankingJunctions.Junction, 'Junction', 'selectedJunction')" [ngValue]="option.ID" [selected]="option.ID==this.room.Junction?.ID ? this.room.Junction.ID : 0">{{option[description]}} </option>
        </select>   
    </form>

交叉路口
{{选项[description]}
我希望这有帮助


谢谢

您能否提供代码,说明您拥有什么以及如何设置它?对于特定的解决方案,我们需要更多的代码,但通常您应该使用[selected]属性,并在设置可用选项的任何函数中对其进行更新。我不确定如何为您提供一个我设置的小示例,因为该应用程序很大且复杂,在多个p[蕾丝。我仍在努力解决这一切。我已经用更多的设置说明和代码片段更新了我的问题,如果这有帮助的话。(我希望如此!)