Angular 2 : If value exists show html

标签 angular angular2-template angular2-directives angular2-services

目前,我有一个服务可以从我编写的许多 API 中提取值。在模板中,我希望仅在将结果馈送到模板时,如果值存在或不为空,则输出以下 html:

<li class="title rh-blue-lite-fg">{{ project.meta_header_one }}</li>

所以我试图弄清楚如何将其包装在 ngIf 中,或者是否有其他方法可以做到这一点,以便这个“li”项目仅在该值存在且不为空时才获得输出

最佳答案

我认为你可以使用 ngIF 指令来检查项目是否不为空:

<li class="title rh-blue-lite-fg" *ngIf="project.meta_header_one">{{ project.meta_header_one }}</li>

引用: https://angular.io/docs/ts/latest/api/common/index/NgIf-directive.html

关于 Angular 2 : If value exists show html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37500107/

相关文章:

angular - Ionic 3 - 屏幕方向锁定不起作用

angular - 在angular2中获取自定义html属性值

javascript - Angular 2 : property binding and side effects

angular - 如何使用 Angular 2 通过选择下拉列表过滤数据?

angular - 单元测试指令 HostListener 不工作

html - 对模板组件中的 ng-content 使用样式

angular - 如何使用路由数据在 Angular 8 中设置动态页面标题

angular - AngularFire2 : how to handle $key 中的类

Angular 2 引导过程

angular - Angular 2子路由会刷新父路由吗