<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button routerLink="/lesson/community" fill="clear" color="dark">
                <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回</ion-button>
        </ion-buttons>
        <ion-buttons slot="end">
            <ion-button fill="clear" color="dark">
                收藏</ion-button>
        </ion-buttons>

    </ion-toolbar>
</ion-header>
<ion-content color="light">
    <ion-card>
        <img alt="角色图" [src]="attention?.get('img')" />
        <ion-card-header>
            <ion-card-title>{{attention?.get('name')}}</ion-card-title>
            <ion-card-subtitle>作者：{{attention?.get('user')?.get('name')||"某某某"}}</ion-card-subtitle>
            <ion-card-subtitle>{{attention?.get('type')||""}}</ion-card-subtitle>
            <ion-card-subtitle>{{attention?.get('createdAt')| date: 'YYYY/MM/dd/HH:mm'||"发布时间"}}</ion-card-subtitle>
        </ion-card-header>
        <ion-card-content>
            {{attention?.get('cueword')||"#爱宠之家"}}
        </ion-card-content>
    </ion-card>
    <!-- 评论区 ，-->
    <ion-list [inset]="true">
        <ion-item>
            <ion-textarea label="留下你的想法吧" labelPlacement="floating" rows="5" [(ngModel)]="comment">
            </ion-textarea>
        </ion-item>
        <ion-item>
            <ion-buttons slot="end">
                <ion-button color="medium" fill="outline" (click)="addComment()" shape="round">确定</ion-button>
            </ion-buttons>
        </ion-item>
    </ion-list>
    <ion-list [inset]="true">
        <ng-container *ngFor="let comment of comments">
            <ion-item class="comment-list">
                <ion-label>
                    <p class="commentator">用户昵称</p>
                    <ion-note class="comment-content">{{comment}}</ion-note>
                </ion-label>
                <div class="comment-time">
                    <ion-note color="medium">{{currentDate|date: 'HH:mm'}}</ion-note>
                </div>
            </ion-item>
        </ng-container>
        <ion-item class="comment-list">
            <ion-label>
                <p class="commentator">momo</p>
                <ion-note class="comment-content">救命这也太可爱了吧啊啊 ♥</ion-note>
            </ion-label>
            <div class="comment-time">
                <ion-note color="medium">03:44</ion-note>
            </div>
        </ion-item>
        <ion-item class="comment-list">
            <ion-label>
                <p class="commentator">苏格拉没有底</p>
                <ion-note class="comment-content">我也想养只哈基米，感觉会很治愈呢！</ion-note>
            </ion-label>
            <div class="comment-time">
                <ion-note color="medium">Yesterday</ion-note>
            </div>
        </ion-item>
        <ion-item class="comment-list">
            <ion-label>
                <p class="commentator">是CC呀</p>
                <ion-note class="comment-content">它喜欢什么颜色的麻袋，我今晚就扛麻袋去偷=。=</ion-note>
            </ion-label>
            <div class="comment-time">
                <ion-note color="medium">Yesterday</ion-note>
            </div>
        </ion-item>
    </ion-list>

</ion-content>
