src/app/component/word/random/random-top.component.html
<ng-container *ngIf="!title; else plainTitle">
<article *ngIf="word$ | async as word; else placeholder">
<a [routerLink]="'/' + AppRoutes.getDetail(word.uuid)" target="_blank">{{ word.theWord }}</a>
<p>{{ word.definition }}</p>
<span *ngIf="word">by </span>
<span>{{ word.createdBy }}</span>
<br/>
</article>
</ng-container>
<ng-template #plainTitle>
<article *ngIf="title" id="plain-title">
<a>{{ title }}</a>
</article>
</ng-template>
<ng-template #placeholder>
<ow-placeholder [state]="state" [errorMessage]="errorMessage"></ow-placeholder>
</ng-template>