角度2:根据下拉值显示div [英] Angular 2 : Show div based on dropdown value
本文介绍了角度2:根据下拉值显示div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个下拉菜单,根据值的选择,应显示相应的div.
I have a dropdown menu and based on the selection of the value , respective div should be shown.
我尝试了以下代码.但这不起作用.
I have tried the following code. but it doesn't work.
export class PropertyComponent {
regTypeSelectedOption: string = "";
selectedNav: any; navs = ['option 1', 'option 2', 'option 3']
ngOnInit() {
this.selectedNav = 'select value';
}
setNav(nav:any){
this.selectedNav = nav;
if(this.selectedNav == "option 1"){
this.regTypeSelectedOption = "option 1";
}
else if(this.selectedNav == "option 2"){
this.regTypeSelectedOption = "option 2";
}
else if(this.selectedNav == "option 3"){
this.regTypeSelectedOption = "option 3";
}
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/angular2.js"></script>
<div class="common_select_box">
<div class="input-group-btn dropdown {{dropdown1? 'open':''}}"
(click)="dropdown1=!dropdown1">
<button type="button" class="btn btn-default font_size_12 no_box_shadow
ticket_info_subline_text_color" dropdown-toggle=""
aria-haspopup="true" aria-expanded="false">{{selectedNav}}<span
class="caret" style="color: #bfbfbf;"></span> </button>
<ul class="dropdown-menu">
<li (click)="setNav(item)" *ngFor="let item of navs">{{item}}</li>
</ul>
<div *ngIf="regTypeSelectedOption == 'option 1'">
option 1
</div>
<div *ngIf="regTypeSelectedOption == 'option 2'">
option 2
</div>
<div *ngIf="regTypeSelectedOption == 'option 1'">
option 3
</div>
任何帮助都会很棒.
谢谢.
推荐答案
使用 ===
Use ===
<div *ngIf="regTypeSelectedOption === 'option 1'">
option 1
</div>
这篇关于角度2:根据下拉值显示div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文