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

Question

I'd like to render raw html snippet inside angular's double curly braces, but couldn't find a way to do it. I know there's ng-bind-html directive for binding raw html text, but this only works inside a tag (I mean it replaces the contents of a tag), but I want to insert a html snippet without enclosing it in any tag.

Example:

<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>

So, if you look at the html structure above, I want to insert a closing tag and immediately open a new one. This has to be done dynamically, because all the content is dynamic and I would like to divide it into rows depending on the data model. Any ideas?

Answer 1

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

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

Answer 2

Define one variable in your scope:

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

Assign it to ng-model of your <DIV>

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