動態創建的組件的角度列表

Question

我有以下情形，我將以Facebook為例：

如果您查看Facebook內的新聞/狀態供稿，如果我要在Angular中實現類似的功能，則將每個狀態與評論和喜歡相結合，是其自身的組件，還是在*ngFor ？

讓我們以一些代碼為例。

示例1：不是組件：

<ul *ngFor="let status of statusses">
    <li>{{status.description}}</li>
    <!-- some more Div tags -->
    <input id="comment" />
    <button id="comment"/>
</ul>

此示例將包含一個組件，例如Statuses 。 該組件將包含所有statuses的數組，以及單擊注釋按鈕等的邏輯。

示例2：組件列表

<!-- List of single status components -->
<ng-template></ng-template>

在此示例中， Statuses組件將僅具有用於檢索狀態的邏輯，而顯示狀態的組件將負責注釋等的邏輯。

在Angular 4+中可能有第二個示例嗎？

是分解為過於細化的方法，還是預期的？

Answer 1

實際上，方法2是推薦的方法。

如果查看“英雄之旅”示例，您將看到其中有heroes和hero-detail部分。