هل من الممكن إضافة كود html إلى متحكم في AngularJs وإظهاره في الواجهة؟

محمد بوسكوري · 27 سبتمبر 2015

في متحكم على AngularJs أريد إدراج كود html بحيث أظهره في الواجهة view، إليكم مثال:

المتحكم:

var SomeController = function () {

    this.customHtml = '<ul><li>render me please</li></ul>';
}

وأريد عند استعمال:

<div ng:bind="customHtml"></div>

الحصول على:

<div>
    "<ul><li>render me please</li></ul>"
</div>

لكن لا أعلم أين الخلل، لأني لا أحصل على ما أريد، فكيف أنجزه؟

E.Nourddine · 27 سبتمبر 2015

بالنسبة لـ AngularJs1.3 استعمل ng-binf-html :

<div ng-bind-html="thisCanBeusedInsideNgBindHtml"></div>

و استعمل

$sce.trustAsHtml()

في المتحكم -Controller- بهذه الطريقة:

 $scope.thisCanBeusedInsideNgBindHtml = $sce.trustAsHtml(someHtmlVar);

بالنسبة للنسخة 1.2 من AngularJs :

<div ng-bind-html="expression"></div>

- وهذه طريق أخرى قديمة نوعا ما:

<div ng-bind-html="expression"></div>

يمكنك الاستفادة أكثر من خلال هذا الرابط والبحث عن ng-bind-html

السؤال