Transcrição Html comments

<div *ngIf="(comments$ | async) as comments">
    <ul class="list-unstyled">
        <li *ngFor="let comment of comments">
            <a class="text-dark font-weight-bold mr-1" [routerLink]="['/user', comment.userName]">
                {{ comment.userName }}
            </a>
            <em>
                {{ comment.date | date:'dd-MM-yyyy HH:mm' }}
            </em>
            <p class="break-word mb-2">
                {{ comment.text }}
            </p>
        </li>
    </ul>
    <div class="mt-4">
        <form>
            <div class="input-group">
                <textarea class="form-control"></textarea>
                <div class="input-group-append">
                    <button class="btn btn-primary pull-left">Publish</button>
                </div>
            </div>
        </form>
    </div>
</div>