代码之家 › 专栏 › 技术社区 › Kiara

根据条件角度显示多个模板

angular-material typescript angular javascript

Kiara · 技术社区 · 1 年前

我有一个按钮,我将根据条件显示工具提示,现在我有了一个显示工具提示的条件,现在我还有另一组需要显示不同消息的条件

<div *ngIf="!assessmentDetailsObj" placement="top-right" [mtTooltip]="(!lob || lob === undefined) ? disabledLOBContent : ''">
          <button
            *ngIf="!assessmentDetailsObj"
            [disabled]="(!lob || lob === undefined)"
            class="btn btn-primary"
            aria-label="Accept"
            (click)="create()"
          >
            Create
          </button>
        </div>
        <ng-template #disabledLOBContent>Please Select LOB</ng-template>

现在我想添加另一组条件

[mtTooltip]="isTrueSet ? refVar : ''"
<ng-template #refVar>Please select Endpoints</ng-template>

我可以绑定吗 [mtTooltip] 对于一个函数和内部函数,我可以检查多个条件吗?基于此,我可以显示消息吗?

1 回复 | 直到 1 年前

Random 1 年前

如果你的模板足够简单,你实际上可以把你的条件放在你的模板里,而不是制作多个模板,让你的条件变得复杂:

<ng-template #disabledLOBContent>
  <ng-container *ngIf="myContition1">Please Select LOB</ng-container>
  <ng-container *ngIf="myContition2">An other message</ng-container>
  <ng-container *ngIf="myContition3">An other diffrent message</ng-container>
</ng-template>

推荐文章

user19531657 · 如何将标题和按钮对齐在同一行?

2 年前

Marcus Edensky · 角度6材质:材质选项卡链接由下划线栏选择

6 年前

Carl.G · 如何将Angular 6 Material sidenav设置为从屏幕右侧从右向左打开

6 年前

spottedmahn · 覆盖只读/禁用样式/CSS

6 年前

bereket gebredingle · 具有列值的物料表数据源筛选器

6 年前

Rahul Munjal · 无法绑定到“dataSource”,因为它不是“table”的已知属性

6 年前

Billy G · “角度材质”对话框:如何在父零部件中更改注入的数据时更新这些数据?

6 年前

Kaushik Nath · 导入MatTabChangeEvent时出错

6 年前

The Fox · “角度材质”对话框:复选框始终返回false

6 年前

Chinaedu Onwukwe · 在鼠标上方展开“材质扩展”面板

6 年前