How to generate html markup based in json property value in AngularJS?

Question

I got json (model property) like this:

[
{type:'a', val:'something'},
{type:'b', val:'something'}
]

Based on value of 'type', i need to render different html markup. I know i can accomplish it via ng-repeat and ng-if.

But wondering, if there is a better way of doing it, something like templating or such so code will be refractored and maintainable in long run?

Answer 1

During the research, I came across few alternatives which are listed below.

1. ngView
2. ngInclude
3. Angular Directives

For my requirement, I am sticking with directives instead.