動態生成的代碼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不能正常呈現時， 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/