带语义用户界面的Angular*NgIf

我在Angular*NgIf的语义UI下拉列表中面临一个问题。当我在任何NgIf条件中放置语义下拉列表时。语义不起作用。当我把它取下来的时候，如果它工作正常的话。任何解决办法

使用*NgIf， 现在语义下拉列表将不起作用。它将显示正常的下拉列表

<div *ngIf= "IsVisible">
<select class="ui selection dropdown"
   <option value="" selected="selected">Bedroom</option>
   <option *ngFor="let bedroom of bedrooms">
      {{bedroom.bhk_numbers}}
   </option>
</select>
</div>

如果我删除了*NgIf。它将在语义用户界面上完美工作。像这样,

<div>
<select class="ui selection dropdown"
   <option value="" selected="selected">Bedroom</option>
   <option *ngFor="let bedroom of bedrooms">
      {{bedroom.bhk_numbers}}
   </option>
</select>
</div>

---

尝试使用[hidden]而不是*ngIf。可能发生的情况是，因为元素不在DOM中，所以它没有被初始化。使用[hidden]时，它将保留在DOM中，但不可见

<div [hidden]="!IsVisible">
<select class="ui selection dropdown"
   <option value="" selected="selected">Bedroom</option>
   <option *ngFor="let bedroom of bedrooms">
      {{bedroom.bhk_numbers}}
   </option>
</select>
</div>

---

尝试使用[hidden]而不是*ngIf。可能发生的情况是，因为元素不在DOM中，所以它没有被初始化。使用[hidden]时，它将保留在DOM中，但不可见

<div [hidden]="!IsVisible">
<select class="ui selection dropdown"
   <option value="" selected="selected">Bedroom</option>
   <option *ngFor="let bedroom of bedrooms">
      {{bedroom.bhk_numbers}}
   </option>
</select>
</div>

您可以使用[hidden]属性来解决此问题*ngIf将从dom中删除后续的内部代码行。但在使用[hidden]时，它将保留在dom中，但不会对用户可见

请更换

*ngIf=IsVisible with[hidden]=！IsVisible

您可以使用[hidden]属性来解决此问题*ngIf将从dom中删除后续的内部代码行。但在使用[hidden]时，它将保留在dom中，但不会对用户可见

请更换

---

*ngIf=IsVisible with[hidden]=！IsVisible

请写下您试图帮助我们更好地理解问题的代码。@Shaktiman我更新了我的问题。请检查一下。当你说它不工作时，你的意思是它根本没有出现吗？ngIf调用中的空格可能会导致问题，我还要检查变量IsVisible是否实际返回true@AaronLavers我是说语义用户界面下拉菜单不起作用。NgIf运行良好。当我使用Ngif时，此时不再是语义UI下拉菜单，而是正常的下拉菜单。NgIf外部语义正在工作。请写下您试图帮助我们更好地理解问题的代码。@Shaktiman我更新了我的问题。请检查一下。当你说它不工作时，你的意思是它根本没有出现吗？ngIf调用中的空格可能会导致问题，我还要检查变量IsVisible是否实际返回true@AaronLavers我是说语义用户界面下拉菜单不起作用。NgIf运行良好。当我使用Ngif时，此时不再是语义UI下拉菜单，而是正常的下拉菜单。NgIf之外的语义正在发挥作用。