<div class="article-container">
    <div class="header">
      <h1 class="title">{{titlesData}}</h1>
      <div class="meta">
        <span class="author">{{authorsData}}</span>
        <span class="date">{{datesData}}</span>
      </div>
    </div>
    <div class="content">
      <div class="content-inner">
        <p>{{ storiesData }}</p>
      </div>   
    </div>
    <div class="comments">
      <h2>评论</h2>
      <div class="comment" *ngFor="let comment of comments">
        <div class="avatar">
          <img [src]="comment.avatar" alt="User Avatar">
        </div>
        <div class="comment-content">
          <div class="user">{{ comment.user }}</div>
          <div class="message">{{ comment.message }}</div>
        </div>
        
      </div>
    </div>
    
    <div class="new-comment">
      <div class="input-container">
        <input type="text" placeholder="输入评论..." [(ngModel)]="newComment" />
        <button (click)="addComment()">发布评论</button>
      </div>
    </div>
  </div>
  


