动态生成DOM

Question

所以我面临着这个挑战，我创建了一个编辑器，我希望两个对象属性根据参数切换位置。

<div> 
    <pre>{{ member.title.content }}</pre> 
    <pre>{{ member.description.content }}</pre> 
</div> 

的主要挑战是旋转基于用户设置标题和描述。控制变量也在成员上，其中标题和描述的顺序变量设置为1或2. 1和2决定标题和描述的顺序。

我被困在这里。任何建议，将不胜感激。

Answer 1

您可以使用ng-if如下，

<div ng-if="member.title.order == 1"> 
    <div> 
     <pre>{{ member.title.content }}</pre> 
     <pre>{{ member.description.content }}</pre> 
    </div> 
</div> 
<div ng-else> 
    <div> 
     <pre>{{ member.description.content }}</pre> 
     <pre>{{ member.title.content }}</pre> 
    </div> 
</div> 

Answer 2

我从你的问题明白了什么，你必须根据下单变量改变标题和描述的位置。为此，需要添加订单变量为1的“float：left”样式。