尽管如此,仍显示标签

时间:2018-02-14 13:35:06

标签: html angular tabs ngif

FirstTab仍然使用ngIf。 ngIf有助于不首先渲染选择器。如何删除选项卡。

这是代码

<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 如何解决此问题?

1 个答案:

答案 0 :(得分:0)

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

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

相关问题