Javascript 如何将角度数据模型显示为HTML？

我有一个需要转换或显示为html的数据模型。现在它只显示为文本

html

服务

MyApp.service('ornamentFigures', function(){

    this.ornamentFigures = [
        {id:'03', name:'wit', svg:'<svg></svg>'},
        {id:'03', name:'wit', svg:'<svg></svg>'},
        {id:'03', name:'wit', svg:'<svg></svg>'},
    ];

    return this;
});

MyApp.service（'figures'，function（）{
这个数字=[
{id:'03'，name:'wit'，svg:''}，
{id:'03'，name:'wit'，svg:''}，
{id:'03'，name:'wit'，svg:''}，
];
归还这个；
});

你在找什么

替换：

<label for="ornament-{{item.id}}">{{item.svg}}</label>

{{item.svg}

与：

还包括模块中的

ngSanitize

，并根据在应用程序中包括“angular sanitize.js”

---

它将呈现为html，而不是按原样绑定数据。请记住，这涉及到安全问题。如果可以的话，您可能想尝试另一种方法。

可能重复的可能重复的可能重复的我尝试了它，但由于某些原因，它与ng repeat不起作用。它的显示方式如下：只需尝试

ngbind=“item.svg”

。这应该在ng repeat中立即起作用，但不能作为html呈现。我更新了我的回答，说您需要在模块中包含ngSanitize，以便使用ng-bind-html.Ah oke，它现在可以通过包含ngSanitize来工作。当我找到它时，我会尝试另一种方法谢谢！

MyApp.service('ornamentFigures', function(){

    this.ornamentFigures = [
        {id:'03', name:'wit', svg:'<svg></svg>'},
        {id:'03', name:'wit', svg:'<svg></svg>'},
        {id:'03', name:'wit', svg:'<svg></svg>'},
    ];

    return this;
});

<label for="ornament-{{item.id}}">{{item.svg}}</label>

<label for="ornament-{{item.id}}" ng-bind-html="item.svg"></label>