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?

Thanks, it really looks cool and i can build upon provided example. In the meantime, i learned about ngInclude and ngView as well. To me, it looks like, any of three can serve my purpose. Which one is best approach according to you, and why(if you can explain)? — user3133397, Apr 23 '14 at 19:28
exactly what you wrote: code will be refractored and maintainable in long run - with directives you create reusable code/components and they can be tested. With angular, sooner or later you will come to directives, I'm sure. — przno, Apr 24 '14 at 8:01

user3133397 · Accepted Answer · 2014-04-24 09:29:14Z

up vote 0 down vote accepted

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

For my requirement, I am sticking with directives instead.

answered Apr 24 '14 at 9:29

user3133397
134

add a comment |

1 Answer 1