動態生成DOM

所以我面臨着這個挑戰，我創建了一個編輯器，我希望兩個對象屬性根據參數切換位置。動態生成DOM

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

的主要挑戰是旋轉基於用戶設置標題和描述。控制變量也在成員上，其中標題和描述的順序變量設置爲1或2. 1和2決定標題和描述的順序。

我被困在這裏。任何建議，將不勝感激。

來源

2017-03-17 Coss

按照可見性順序創建數組或對象，並使用ng-repeat來相應地顯示它們。請記住，按照您的所有條件和用戶設置生成對象。 –

您可以使用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>

來源

2017-03-17 07:31:46

由於某種原因，我甚至沒有考慮過這種方法。這簡化了很多。謝謝！ – Coss

我從你的問題明白了什麼，你必須根據下單變量改變標題和描述的位置。爲此，需要添加訂單變量爲1的「float：left」樣式。

來源

2017-03-17 07:42:32

動態生成DOM

回答

相關問題