I am facing a challenge with a repeater for a resource that has an attribute containing angular directives mixed with text. My goal is to display form inputs dynamically based on the object's property.
<ul>
<li ng-repeat="action in actions">
{{action.form_layout}}
</li>
</ul>
For example, action.form_layout could consist of text with directives inside that also need to be compiled.
Open the <door></door> with this <key></key>
// <door> and <key> are directives that should result in different inputs
// so after compilation it would look like Open the <input type="text" name="door"></input> with this <input type="text" name="key"></input>
How can I achieve this? Currently, the property value is displayed as plain text in the template.
Thank you