Bagaimana untuk Mengumpul Kod AngularJS dalam ng-bind-html?

Menyusun Kod AngularJS dengan ng-bind-html

Dalam AngularJS, arahan ng-bind-html boleh memasukkan kandungan HTML secara dinamik ke dalam pandangan. Walau bagaimanapun, jika kandungan yang disertakan mengandungi kod AngularJS, ia tidak akan ditafsirkan dengan betul. Di sinilah masalah menyusun kod AngularJS dalam ng-bind-html timbul.

Untuk menyelesaikan isu ini, arahan luaran yang dipanggil angular-bind-html-compile boleh digunakan. Berikut ialah penyelesaian langkah demi langkah:

Langkah 1: Pemasangan

Pasang arahan angular-bind-html-compile daripada GitHub: https://github. com/incuna/angular-bind-html-compile

Langkah 2: Sertakan dalam Modul

Tambah arahan pada modul AngularJS:

angular.module("app", ["angular-bind-html-compile"])

Langkah 3: Penggunaan dalam Templat

Dalam templat, gunakan arahan bind-html-compile untuk menyuntik kandungan yang dikehendaki:

<div bind-html-compile="letterTemplate.content"></div>

Contoh:

// Controller Object
$scope.letter = { user: { name: "John"}};

// JSON Response
{ "letterTemplate":[
    { content: "<span>Dear {{letter.user.name}},</span>" }
]}

Hasil:

<code class="html"><div bind-html-compile="letterTemplate.content">
  <span>Dear John,</span>
</div></code>

Nota: Arahan memantau perubahan dalam ungkapan terikat dan menyusun semula kandungan apabila perlu. Ini membenarkan kod AngularJS yang dibenamkan dalam respons API untuk ditafsir dan dilaksanakan secara dinamik.

Atas ialah kandungan terperinci Bagaimana untuk Mengumpul Kod AngularJS dalam ng-bind-html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!