20222670105/novel-app/src/app/chat/chat.component.ts

import { CommonModule } from '@angular/common';
import { IonHeader, IonToolbar, IonTitle, IonButtons, IonIcon, IonContent, IonicSlides, IonList, IonItem,IonButton } from '@ionic/angular/standalone';
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router'; // 导入 Router
import { IonCard, IonCardContent, IonCardHeader, IonInfiniteScroll, IonInfiniteScrollContent, IonicModule } from '@ionic/angular';

@Component({
  selector: 'app-chat',
  templateUrl: './chat.component.html',
  styleUrls: ['./chat.component.scss'],
  standalone: true,
  imports: [IonHeader,IonToolbar,IonTitle,IonButtons,IonIcon,IonContent,IonList,IonItem,IonicModule,CommonModule,IonButton]
   
})
export class ChatComponent  implements OnInit {
  posts = [
    { id: 1, title: '帖子标题1', author: '作者1', date: '2024-12-01', likes: 10, comments: 5 },
    { id: 2, title: '帖子标题2', author: '作者2', date: '2024-12-02', likes: 20, comments: 3 },
    // 其他帖子...
  ];
  ngOnInit(): void {
    // 初始化逻辑
  }
  constructor(private router: Router) {}

  goToPostDetail(post: any) {
    // 跳转到帖子详情页
    this.router.navigate(['/post-detail', post.id]);
  }

  loadMorePosts(event: any) {
    // 模拟加载更多帖子
    setTimeout(() => {
      const newPosts = [
        { id: 3, title: '帖子标题3', author: '作者3', date: '2024-12-03', likes: 5, comments: 2 },
        { id: 4, title: '帖子标题4', author: '作者4', date: '2024-12-04', likes: 15, comments: 8 },
        // 更多帖子...
      ];
      this.posts.push(...newPosts);
      event.target.complete();

      // 如果没有更多数据，可以调用 event.target.disabled = true;
    }, 500);
  }

}