• 0

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

في متحكم على 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>

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

بالنسبة لـ 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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن