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/

相关文章:

javascript - Angular 2 无法在 html 页面中显示项目列表

typescript - 如何根据 Angular 2 中的自定义验证规则显示错误消息?

angular - 在结构指令中声明变量

angular - 如何从指令添加/删除类

angular - 错误 TS2345 : Argument of type 'NgForm' is not assignable to parameter of type '{ value: User; valid: boolean; }'

angular - 将 md-sidenav 切换到不同的组件

javascript - 抛出新的Error(`弃用通知:CommonsChunkPlugin现在仅接受一个参数

angular - 捕获模板中使用的第三方指令的异常

angular - 访问 angular2 模板中的嵌套属性

angular - ng服务后无法使用CLI/命​​令提示符