Json to HTML angular filter simple demo

json_to_html.js

angular.module("myApp").filter("jsonToHtml", [
	function () {
		return function (json) {

			var html = "",
				/**
				 * @param element {Object} - content inside an element
				 * @returns {String}
				 * @private
				 */
				_createElement = function (element) {
					return "<" + element.tag + ">" + element.content + "</" + element.tag + ">"
				},
				/**
				 *
				 * @param elements {Array} - Array of li element specification
				 * @returns {string}
				 * @private
				 */
				_createList = function (elements) {
					var list = {
						tag: "ul",
						content: ""
					};

					angular.forEach(elements.content, function (element) {
						list.content  += _createElement(element);
					});
					return list;
				};

			/**
			 * Iterates through each element and executes appropriate markup builder
			 */
			angular.forEach(json, function (element, index) {
				/**
				 * Specification of elements and procedure how to create them
				 * @type {{p: Function, ul: Function}}
				 */
				var build = {
					p:  function() {
						return _createElement(element);

					},
					ul: function () {
						var list = _createList(element);
						return _createElement(list);

					}
				};

				html +=  build[element.tag]();
			});

			return html;
		}
	}
]);

sample_json.json

[
	{
		"tag": "p",
		"content": "My paragraph content"
	},
	{
		"tag": "ul",
		"content": [
			{
				"tag": "li",
				"content": "Content of 1st element"
			},
			{
				"tag": "li",
				"content": "Content of 2nd element"
			},
			{
				"tag": "li",
				"content": "Content of 3rd element"
			}
		]
	}
]