使用ng bootstrap Angular 8基于选择显示/隐藏的下拉选择

我正在使用ng引导和Angular 8，并试图根据下拉列表的选择显示/隐藏一个div。使用

这不是常见的下拉列表，下面是代码：

<div ngbDropdown class="d-inline-block ml-3">
  <button class="btn btn-outline-success" id="dropdownBasic1" ngbDropdownToggle>Login</button>
  <div ngbDropdownMenu aria-labelledby="dropdownBasic1" [(ngModel)]="partnerValue" ngDefaultControl>
    <button ngbDropdownItem value="one">One</button>
    <button ngbDropdownItem value="two">Two</button>
    <button ngbDropdownItem value="three">Three</button>
  </div>
</div>

<div *ngIf="partnerValue == ''">
  Show if any of the above button is selected.
</div>

登录
一个
两个
三
显示是否选择了上述任何按钮。

---

我只想在选中一个/任何按钮时显示DIV，否则默认情况下将其隐藏。

我想您也可以这样做

<div ngbDropdown class="d-inline-block ml-3">
  <button class="btn btn-outline-success" id="dropdownBasic1" 

ngbDropdownToggle>Login</button>
      <div ngbDropdownMenu aria-labelledby="dropdownBasic1" >
        <button ngbDropdownItem (click)="partnerValue='one'">One</button>
        <button ngbDropdownItem (click)="partnerValue='two'">Two</button>
        <button ngbDropdownItem (click)="partnerValue='three'">Three</button>
      </div>
    </div>

登录
一个
两个
三

---

也就是说，没有[（ngModel）]，只需单击鼠标即可更改变量“partnerValue”

只需使用

show\u hide\u div:boolean=false在ur ts文件中，当加载ur组件时，它将隐藏div

之后你就可以这样做了

show_hide_div:boolean = false;

one(){
  this.show_hide_div = true;
  console.log("one method");
}

two(){
  this.show_hide_div = true;
  console.log("two method");
}

three(){
  this.show_hide_div = true;
  console.log("three method");
}

这里是Html文件，就像这样添加
*ngIf=“show\u hide\u div”

检查
隐藏的
属性示例

<div ngbDropdown class="d-inline-block ml-3">
  <button class="btn btn-outline-success" id="dropdownBasic1" ngbDropdownToggle>Login</button>
  <div ngbDropdownMenu aria-labelledby="dropdownBasic1" [(ngModel)]="partnerValue" ngDefaultControl>
    <button ngbDropdownItem value="one" (click)="one(e)">One</button>
    <button ngbDropdownItem value="two" (click)="two()">Two</button>
    <button ngbDropdownItem value="three" (click)="three()">Three</button>
  </div>
</div>


<div *ngIf="show_hide_div">
  Show if any of the above button is selected.
</div>

show_hide_div:boolean = true;

one(){
   this.show_hide_div = false;
   console.log("one method");
  }

  two(){
    this.show_hide_div = false;
    console.log("two method");
  }

  three(){
    this.show_hide_div = false;
    console.log("three method");
  }