Fixed models, frontend start

frontend/src/app/component/tweets/tweets.component.html

@@ -12,15 +12,15 @@
   </div>
   <div *ngIf="feeds.length !== 0">
   <div>
-    <div class="container" *ngFor="let number of [1, 2, 3]">
+    <div class="container" *ngFor="let tweet of tweets">
       <div class="row">
         <div class="col-2 text-center padding-0 margin-auto">
-          <img class="feed-icon" src="assets/logo.svg" alt="Feed-Icon">
+          <img class="feed-icon" src="{{tweet.icon}}" alt="Feed-Icon">
         </div>
         <div class="col-10">
-          <p class="overflow-break">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnop qrstuvwxyz0123456789ABCDE FGHIJKLMNOP
-            <span class="white-space-no-wrap"> - 24.03.2021 15:30</span></p>
-          <a>Zusatz externe URL zum Content der Nachricht</a>
+          <p class="overflow-break">{{tweet.text}}
+            <span class="white-space-no-wrap">{{tweet.date_time}}</span></p>
+          <a>{{tweet.url}}</a>
         </div>
       </div>
     </div>

frontend/src/app/component/tweets/tweets.component.ts

@@ -4,10 +4,8 @@ import {HttpClient, HttpHeaders} from '@angular/common/http';
 import {FeedService} from '../../services/feed.service';
 import {IFeed} from '../../interfaces/feed.interface';
 import {Observable} from 'rxjs';
+import {Tweet} from "../../interfaces/interface";
 
-class Tweet {
-
-}
 
 @Component({
   selector: 'app-tweets',
@@ -27,9 +25,15 @@ export class TweetsComponent implements OnInit {
         this.feeds = data;
       }
     );
+
+
+
   }
 
   ngOnInit(): void {
+
+    this.fillTweets()
+
   }
 
   loadMore() {
@@ -50,5 +54,9 @@ export class TweetsComponent implements OnInit {
       });
   }
 
+    fillTweets(){
+
+
+    }
 
 }