我刚接触Angular5。我需要添加下拉菜单的帮助，当我在下拉菜单中选择内容时，应显示搜索框。
这是文本框代码。我需要将其放在下拉列表中，以便当我选择A时，我需要获取A的搜索文本框。当我选择模块时，应为模块显示相同的文本框。
<div class="col-sm-1">
<label for="A">A:</label>
</div>
<div class="col-sm-3">
<input type="text" name="A" [(ngModel)]="A" class="form-control" id="A">
</div>
<div class="col-sm-1">
<button type="submit" class="btn btn-primary" (click)="searchA()">search</button>
</div>
<div class="col-sm-1">
<label for="module">MODULE:</label>
</div>
<div class="col-sm-3">
<input type="text" name="module" [(ngModel)]="module" class="form-control" id="module">
</div>
<div class="col-sm-1">
<button type="submit" class="btn btn-primary" (click)="searchModule()">search</button>
</div>
</div>
我想使用下拉列表来显示单个搜索文本框，而不是两个搜索文本框。
这是完成此操作的简短示例。（为简洁起见，我忽略了引导程序）
通过将我的下拉值声明为一个名为“ searchOption”的变量，然后将其用作每个搜索按钮的条件，这是可能的。
Select
<select [(ngModel)]="searchOption">
<option value="A">A</option>
<option value="module">module</option>
</select>
<button type="submit" class="btn btn-primary" (click)="searchA()" *ngIf="searchOption == 'A'">searchA</button>
<button type="submit" class="btn btn-primary" (click)="searchModule()" *ngIf="searchOption == 'module'">searchModule</button>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句