Pertanyaan Sudut 2: Bagaimana Anda merender HTML dari respons JSON tanpa menampilkan tag kepada pengguna? [duplikat]


Pertanyaan ini sudah memiliki jawaban di sini:

  • Pengikatan HTML sudut                     15 jawaban                 

Edit: klarifikasi bagi siapa saja yang hanya membaca judul, pertanyaan saya adalah tentang Sudut 2, bukan 1.


Saya memiliki template komponen yang seperti ini:

<div>{{ post.body }}</div>

Objeknya adalah sesuatu seperti:

{
    "title": "Some Title",
    "body": "<p>The <em>post body</em>.</p>"
}

Alih-alih membuat paragraf seperti:

Itu postingan tubuh

ini menampilkan:

"<p>The <em>post body</em>.</p>"

Karena itu tugas yang biasa, saya mencari pipa built-in seperti {{ post.body | safe }} tetapi tidak melihatnya.

Apakah ada cara mudah untuk membuatnya bekerja? Apakah ada cara yang aman untuk membuatnya bekerja?


75
2018-01-21 23:01


asal


Jawaban:


Di Angular2 dapat Anda gunakan pengikatan properti untuk mengakses properti elemen DOM, dalam kasus Anda:

<div [innerHTML]="post.body"></div>

173
2018-01-22 01:04