I am facing an issue with my data-model where it needs to be converted or displayed as HTML, but currently it is only appearing as plain text.
Here is the HTML code snippet:
<div ng-repeat="item in ornamentFigures" class="ornament-item">
<label for="ornament-{{item.id}}">{{item.svg}}</label>
<input type="radio" id="ornament-{{item.id}}" name="ornament-radio" />
</div>
This is the controller code:
$scope.ornamentFigures = ornamentFigures.ornamentFigures;
And here is the service code:
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;
});