首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >带有"as“的ngIf和其他

带有"as“的ngIf和其他
EN

Stack Overflow用户
提问于 2021-12-13 18:56:57
回答 1查看 40关注 0票数 0

如何使用"as“语法和其他块拥有一个ngIf?

代码语言:javascript
代码运行次数:0
运行
复制
<div class="customer-form-container" *ngIf="(customer$ | async) as customer; else elseBlock">

<div class="customer-not-found-container" #elseBlock>
  <h1>customer not found</h1>
</div>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-13 19:04:44

为此,您可以使用ng-template。ng模板标记从未出现在DOM中,但您可以使用它来定义可以与结构指令结合使用的模板。例如,在ngIf的else语句中。

代码语言:javascript
代码运行次数:0
运行
复制
<div *ngIf="(customer$ | async) as customer; else elseBlock">
  <!-- you can use "customer" here -->
</div>

<ng-template #elseBlock>
  <div class="customer-not-found-container">
    <h1>customer not found</h1>
  </div>
</ng-template>

您还可以阅读更多关于结构指令(例如,ngIf) 这里的内容。还有一个关于ng-template的章节。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70339607

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档