Cara Menyusun Ungkapan Sudut dalam Arahan Ng-Bind-HTML

AngularJS ng-bind-html: Menyusun Kod Sudut

Pengenalan

Arahan Ng-bind-html membenarkan kemasukan dinamik kod HTML dalam templat. Walaupun ia berfungsi untuk HTML asas, templat sudut tidak ditafsirkan apabila disertakan. Artikel ini menyediakan penyelesaian untuk menyusun ungkapan Sudut yang dibenamkan dalam ng-bind-html.

Penyelesaian Langkah demi Langkah

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

2 . Sertakan Arahan dalam Modul:

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

3. Gunakan Arahan dalam Templat:

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

Contoh Penggunaan

Objek Pengawal:

$scope.letter = { user: { name: "John"}}

Respons JSON:

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

Output HTML:

<span>Dear John,</span>

Arahan Berkaitan

(function () {
    'use strict';

    var module = angular.module('angular-bind-html-compile', []);

    module.directive('bindHtmlCompile', ['$compile', function ($compile) {
        return {
            restrict: 'A',
            link: function (scope, element, attrs) {
                scope.$watch(function () {
                    return scope.$eval(attrs.bindHtmlCompile);
                }, function (value) {
                    element.html(value);
                    $compile(element.contents())(scope);
                });
            }
        };
    }]);
}());

Atas ialah kandungan terperinci Cara Menyusun Ungkapan Sudut dalam Arahan Ng-Bind-HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!