Angular 2：如果值存在则显示 html
Angular 2: If value exists show html
目前我有一项服务可以从我编写的许多 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 4+
使用 Angular 4 或更高版本（至少达到 Angular 6）您可以将 *ngIf 与 as 关键字将条件值存储在这样的变量中：
<div *ngIf="condition as value">{{value}}</div>
这样您就不必重复条件，这在表达式很长或包含您希望避免多次调用的方法调用时很有用。
应用于问题中的代码片段：
<li class="title rh-blue-lite-fg" *ngIf="project.meta_header_one as value">{{value}}</li>
目前我有一项服务可以从我编写的许多 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 4+
使用 Angular 4 或更高版本（至少达到 Angular 6）您可以将 *ngIf 与 as 关键字将条件值存储在这样的变量中：
<div *ngIf="condition as value">{{value}}</div>
这样您就不必重复条件，这在表达式很长或包含您希望避免多次调用的方法调用时很有用。
应用于问题中的代码片段：
<li class="title rh-blue-lite-fg" *ngIf="project.meta_header_one as value">{{value}}</li>