时间戳

首页 > 解决方案 > 选择选项不显示角度编辑模式期间选择的值

javascript - 选择选项不显示角度编辑模式期间选择的值

问题描述

我有这个选择选项代码，但是在编辑表单时，选择的值不会自动显示。编辑表单时如何使选定的值显示

代码

             <div class="form-group row">
                <label class="col-md-12 label-control">{{'Type of Leave' | translate}} <span class="danger"> *</span></label>
                <div class="col-md-12" >
                    <select class="form-control"  id="allLeaveType" name="allLeaveType" [(ngModel)]="leaveList.selectedLeaveType" [disabled]="isDisabled1" (change)="getSelectedLeave(leaveList.selectedLeaveType)" >
                        <option value="undefined" disabled selected hidden >{{'Leave Type' | translate}} </option>
                        <option *ngFor="let data of allLeaveType" [ngValue]="data">{{data.type}}</option>
                    </select>
                </div>
            </div>

在创建模式中显示

在此处输入图像描述

编辑模式中的显示

在此处输入图像描述

如何显示选定的值，即选择的休假类型以在编辑模式下自动显示。谢谢

我想根据创建表单时选择的值在编辑模式期间显示此内容，谢谢

在此处输入图像描述

标签： javascripthtmlangularjsangulartwitter-bootstrap

解决方案

推荐阅读