Adjust logic to show respective answer list items only now

src/app/content-answer.service.ts

@@ -16,8 +16,9 @@ export class ContentAnswerService extends ErrorHandlingService {
     super();
   }
 
-  getAnswerTexts(): Observable<AnswerText[]> {
-    return this.http.get<AnswerText[]>(this.answerUrl).pipe(
+  getAnswerTexts(contentId: string): Observable<AnswerText[]> {
+    const url = `${this.answerUrl}/?contentId=${contentId}`;
+    return this.http.get<AnswerText[]>(url).pipe(
       catchError(this.handleError('getAnswerTexts', []))
     );
   }

src/app/content-answers-list/content-answers-list.component.html

 <mat-list>
   <h3 mat-subheader>Answers</h3>
-  <mat-list-item *ngFor="let textAnswer of filteredTextAnswers">
+  <mat-list-item *ngFor="let textAnswer of textAnswers">
     <button mat-button routerLink="{{textAnswer.id}}">
-          <!--  *ngIf="textAnswer.subject === content($id)"> -->
       {{textAnswer.body}}
     </button>
   </mat-list-item>
-</mat-list>
+</mat-list>
\ No newline at end of file

src/app/content-answers-list/content-answers-list.component.ts

 import { Component, OnInit } from '@angular/core';
 import { ContentAnswerService } from '../content-answer.service';
 import { AnswerText } from '../answer-text';
-import { ContentDetailComponent } from '../content-detail/content-detail.component';
-import { Content } from '../content';
 import { ActivatedRoute } from '@angular/router';
-import { forEach } from '@angular/router/src/utils/collection';
+import { ContentService } from '../content.service';
 
 @Component({
   selector: 'app-content-answers-list',
@@ -13,29 +11,29 @@ import { forEach } from '@angular/router/src/utils/collection';
 })
 export class ContentAnswersListComponent implements OnInit {
   textAnswers: AnswerText[];
-  content: Content[];
-  filteredTextAnswers: AnswerText[];
 
-  constructor(private contentAnswerService: ContentAnswerService,
-              private contentDetailComponent: ContentDetailComponent,
-              private route: ActivatedRoute) {}
+  constructor(
+    private contentService: ContentService,
+    private contentAnswerService: ContentAnswerService,
+    private route: ActivatedRoute
+  ) { }
 
   ngOnInit() {
-    this.getAnswerTexts();
     this.route.params.subscribe(params => {
-      this.contentDetailComponent.getContent(params['id']); // todo: filtered answers befüllen
+      this.getContent(params['id']);
     });
-    for (let i = 0; i < this.textAnswers.length; i++) {
-      console.log('kre');
-      for (let j = 0; i < this.content.length; j++) {
-        if (this.textAnswers[i].contentId === this.content[j].id) { this.filteredTextAnswers.push(this.textAnswers[i]); }
-      }
-    }
   }
 
-  getAnswerTexts(): void {
-    this.contentAnswerService.getAnswerTexts().subscribe(textAnswers => {
-      this.textAnswers = textAnswers;
-    });
+  getContent(id: string): void {
+    this.contentService.getContent(id).subscribe(params => {
+      this.getAnswerTexts(params['id']);
+    })
+  }
+
+  getAnswerTexts(id: string): void {
+    this.contentAnswerService.getAnswerTexts(id)
+      .subscribe(textAnswers => {
+        this.textAnswers = textAnswers;
+      });
   }
 }

src/app/in-memory-data.service.ts

@@ -107,7 +107,7 @@ export class InMemoryDataService implements InMemoryDbService {
       {
         id: '1',
         revision: '1',
-        contendId: '1',
+        contentId: '1',
         round: '1',
         subject: 'Textaufgabe 1',
         body: 'gamma, delta',
@@ -117,7 +117,7 @@ export class InMemoryDataService implements InMemoryDbService {
       {
         id: '1',
         revision: '1',
-        contendId: '1',
+        contentId: '1',
         round: '1',
         subject: 'Textaufgabe 1',
         body: 'epsilon, phi',
@@ -127,7 +127,7 @@ export class InMemoryDataService implements InMemoryDbService {
       {
         id: '2',
         revision: '2',
-        contendId: '2',
+        contentId: '2',
         round: '3',
         subject: 'Textaufgabe 2',
         body: 'Der Turm ist 20m hoch',