动态生成时，标签H1无法正常生成

Question

$scope.html = [{
    "name": "teste",
    "data": [{
        "tag": {
            "name": "h1",
            "text": "Titulo 1",
            "colValue": "col-xs-12"
        }
    }, {
        "tag": {
            "name": "text",
            "colValue": "col-xs-4"
        }
    }, {
        "tag": {
            "name": "h1",
            "text": "Titulo 2",
            "colValue": "col-xs-12"
        }
    }, {
        "tag": {
            "name": "text",
            "colValue": "col-xs-4"
        }
    }, {
        "tag": {
            "name": "text",
            "colValue": "col-xs-8"
        }
    }]
}, {
    "name": "teste",
    "data": [{
        "tag": {
            "name": "h1",
            "text": "Titulo 3",
            "colValue": ""
        }
    }, {
        "tag": {
            "name": "text",
            "colValue": "col-xs-4"
        }
    }]
}];

我在使用javascript（角度）和bootstrap创建动态表单时遇到了一些问题。我们的想法是动态创建html标签。

我的问题：h1＆gt;时h1无法正常呈现1，它没有跳到下一行。

首先来看看： http://jsfiddle.net/92z54z04/951/

需要这样：

Answer 1

将class=col-xs-12添加到内部ng-repeat：

<div class="col-xs-12" ng-repeat="(i, t) in h.data">

http://jsfiddle.net/92z54z04/957/