Bagaimana untuk Menyusun Templat Sudut Bersarang Secara Dinamik dengan ng-bind-html?

AngularJS: Menyusun Templat Sudut Bersarang dengan ng-bind-html

Isu:

Menggunakan ng-bind-html untuk memasukkan templat Sudut secara dinamik menyebabkan templat dipaparkan sebagai HTML biasa dan bukannya ditafsir dan dilaksanakan.

Penyelesaian:

Untuk menyusun Sudut templat dalam ng-bind-html, memanfaatkan arahan pihak ketiga "angular-bind-html-compile".

Pelaksanaan:

Langkah 1: Pasang arahan menggunakan:

npm install angular-bind-html-compile

Langkah 2: Tambahkan arahan pada modul Angular anda:

<code class="javascript">angular.module("app", ["angular-bind-html-compile"])</code>

Langkah 3: Dalam templat anda, gunakan arahan bind-html-compile pada elemen yang anda mahu masukkan HTML secara dinamik:

<code class="html"><div bind-html-compile="myDynamicHtml"></div></code>

Contoh:

Dalam anda pengawal:

<code class="javascript">$scope.myDynamicHtml = "<div ng-controller='myController'><span>Hello {{ myName }}</span></div>";</code>

Dalam templat anda:

<code class="html"><div bind-html-compile="myDynamicHtml"></div></code>

Nota:

• Arahan akan memantau perubahan dalam nilai diperuntukkan kepada atribut bind-html-compile dan susun semula HTML dengan sewajarnya.
• Penyelesaian ini membolehkan anda memaparkan templat Sudut secara dinamik dalam ng-bind-html, tanpa mengira kandungan atau kerumitan templat.

Atas ialah kandungan terperinci Bagaimana untuk Menyusun Templat Sudut Bersarang Secara Dinamik dengan ng-bind-html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!