尽管有 ngIf，但仍显示选项卡

Question

尽管使用了 ngIf，FirstTab 仍然存在。 ngIf 有助于不首先呈现选择器-tab.How 也可以删除选项卡。

这是代码

<tabs style="min-height:auto">
        <tab tabTitle="FirstTab" *ngIf="str=='dp'" >
            <first-tab></first-tab>
        </tab>
        <tab tabTitle="SecondTab" [active]="true">
            <second-tab>
            </second-tab>
        </tab>
</tabs>

dp 是下拉列表中的选项之一（其代码未显示）

选择 dp 时

这是在浏览器上呈现的two tabs

选择其他选项时

这是在浏览器上呈现的two tabs with first tab disabled

现在我不能在 str!=dp 时完全删除选项卡吗？

还有当我再次选择Dp 然后这是呈现 one more first Tab is inserted that is disabled *ngIf 表达式工作正常......当然我用过 [hidden] 和 ngshow 如何解决？

Answer 1

您似乎使用的是 angularjs 而不是 Angular 2+。也许你应该尝试使用 ng-if 而不是 *ngIf

这是您的 angularjs 版本的文档。 https://code.angularjs.org/1.2.23/docs/api/ng/directive/ngIf

尽管有 ngIf，但仍显示选项卡

Tab is shown inspite of ngIf

html

tabs

angular-ng-if

angular