Html 如何编辑下拉选择选项或将选择选项的类型更改为文本类型 {{parameter.name} 提交

当我从下拉列表中选择一个选项时，我必须对其进行编辑或将其转换为文本类型以进行编辑。请帮助我进行排序。

您可以通过使用

*ngIf

切换布尔值来实现这一点

这可以通过状态变量来完成。 如果状态为false，则显示下拉列表。如果选择了某个选项，请将状态设置为true。这将隐藏下拉列表并显示文本区域/文本框。

    <form [formGroup]="sampleEditForm" (ngSubmit)="sampleSubmit(sampleEditForm.value)">
    <md2-select placeholder="{{'Parameter'|translate:lang}}"  [formControl]="sampleEditForm.controls['parameterId']"  [(ngModel)]="parameterId" (change)="changeParam($event.value)" class="input_custom_width"  required>
        <md2-select-header>
            <md-input-container class="input_custom_width">
                <input mdInput type="text" placeholder="{{'Search'| translate:lang}}" [ngModelOptions]="{standalone: true}" [(ngModel)]="searchParameter"/>
            </md-input-container>
        </md2-select-header>
        <md2-option *ngFor="let parameter of parametersAry | filterPipe : searchParameter" [value]="parameter.value">{{ parameter.name }}</md2-option>
    </md2-select>
    <md-card-actions align="start">
        <button md-raised-button type="submit" color="primary">Submit</button>
    </md-card-actions>
</form>

{{parameter.name}

我认为，当您从下拉列表中选择一个选项时，将触发更改事件，在该更改事件上，您可以根据需要编写代码

<md2-option *ngFor="let parameter of parametersAry | filterPipe : searchParameter" [value]="parameter.value">
    <span
              *ngIf="!editing">
              {{parameter.name}}
        </span>
    <input autofocus *ngIf="editing" type="text" [value]="parameter.name" />
</md2-option>

}))

请提供一份复印本。

$("#selectId").change(function () {
//your code as per requirement