动态生成DOM

时间:2017-03-17 07:16:20

标签: javascript angularjs

所以我遇到了这个挑战,我正在创建一个编辑器,我想要两个对象属性根据参数切换位置。

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

主要挑战是根据用户设置旋转标题和说明。控制变量也在成员上,其中title和description的order-variabel都设置为1或2。 1和2决定标题和描述的顺序。

我在这里难过。任何建议将不胜感激。

2 个答案:

答案 0 :(得分:3)

您可以按照以下方式使用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>

答案 1 :(得分:0)

我从您的问题中了解到,您必须根据订单变量更改标题和说明的位置。为此,您需要添加order-variable为1的“float:left”样式。