私はサーバーからいくつかの投稿を読んで、最新の投稿を画面にカードとして表示しようとするシンプルなアプリケーションを構築しています。私はまだ非常に初期段階にあり、内容とヘッダが変更されたイオンカード要素をタイプコピーで追加する方法をテストしていますか?私の現在のコードはTHSのようなものです:変更する値を持つイオンカードをプログラムでtypescriptに追加するには?
fillPost() {
for (let i: number = 0; i < 10; i++) {
this.postContainer += "<ion-card> "
+ "<ion-item> <h2 item-left> Name here </h2>"
+ "<p> Post Number : +"i+" </p> </ion-item> <ion-card-content>"
+ "<p> Post Body here </p> </ion-card-content>"
+"<ion-row > <ion-col > <button ion- button icon- left clear small> "
+ "<ion-icon name= \"thumbs-down\" > </ion-icon>"
+ "<div> Report < /div>"
+ "</button>"
+ "</ion-col>"
+ "<ion-col center text-center>"
+ "<ion-note>"
+ "1h ago"
+ "</ion-note>"
+ "</ion-col>"
+ "</ion-row>"
+ "</ion-card>";
}
}
と私のHTMLファイルに:
<div [innerHTML]="postContainer">
</div>
物事をテストするようfillPost()関数を呼び出しボタンがありますが、結果は次のようになります。
私と感謝を助けてください。
ありがとう、あなたは私の日=を保存しました。 – Nitro