Запрос данных в реальном времени из хранилища с динамическим вводом, используя угловой

Question

До сих пор я пробовал это, где я могу получить все данные, но я хочу только данные, соответствующие вводу, который выбран пользователем.Я новичок в этом, любые предложения.

component.html: -

<label>Name:</label>
    <select [(ngModel)] = "selectedLevel" (change)="selected()">
      <option *ngFor="let post of posts | async"  [ngValue]="post">{{post.user}} 
      </option>
    </select>

Component.ts: -

 export interface Post{
  user: string;
  callType : string;
  callDuration: string;
  callTime : string;
} 

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})


export class AppComponent {
  constructor (private afs:AngularFirestore){
  }
  public CallDetails: object = []; 
public calls =[];

postsCol: AngularFirestoreCollection<Post>
posts: Observable<Post[]>

selectedLevel;
  ngOnInit(){

    this.postsCol = this.afs.collection<Post>('acb', ref => ref.orderBy('user', 'asc'));
    this.posts = this.postsCol.snapshotChanges().map(actions => {
      return actions.map(a => {
        const data = a.payload.doc.data() as Post;
        const id = a.payload.doc.id;
        return { id, ...data };
      })
    })
     return this.posts;
  }

Это формат вывода, который я хочу