AngularJS：在双花括号内渲染原始HTML-可能吗？

Question

我想在angular的双花括号内渲染原始html代码段，但找不到方法。 我知道有ng-bind-html指令用于绑定原始html文本，但这仅在标记内有效（我是说它替换了标记的内容），但是我想插入html代码段而不将其包含在任何标记中。

例：

<div class="row">
    <div>....</div>
    <div>....</div>
    .....
    <div>...</div>

{{</div><div class="row">}}  <- here's what i'd like to insert - close a row and start a next one 

    <div>....</div>
    <div>....</div>
    .....
    <div>...</div>

</div>

因此，如果您看一下上面的html结构，我想插入一个结束标记并立即打开一个新标记。 这必须动态完成，因为所有内容都是动态的，我想根据数据模型将其分为几行。 有任何想法吗？

Answer 1

我不确定您要做什么，但我很确定这不是最好的方法，甚至不是聪明的方法，但是您可以尝试以下方法：

{{'</div><div class="row">'}}

Answer 2

在您的范围内定义一个变量：

$scope.rowHtml = "<strong>Your text here</strong>"

将其分配给<DIV> ng-model

<div class="row" ng-model="rowHtml ">