Question

    <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>

当我从下拉菜单中选择一个选项时，我必须对其进行编辑或将其转换为文本类型以进行编辑。plz可以帮助我对其进行梳理。

Answer 1

您可以通过使用photo = ImageTk.PhotoImage(image, master=root)切换布尔值来实现。

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

Answer 2

<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>

Answer 3

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

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

}）;

如何编辑下拉选择选项或将选择选项的类型更改为文本类型

3 个答案: