2016-09-15 22 views
-1

我使用d3以通常的方式可視化節點樹。像這樣https://bl.ocks.org/mbostock/4339083類D3的html樹

但svg解決方案與angular的雙向數據綁定並不真正兼容,因爲每次模型更改時都需要重新繪製(更新)d3的樹。

現在我正在尋找解決方案,以相同的方式可視化樹,但在html(+ js)上。如果有的話,請爲此目的諮詢圖書館。

+1

爲什麼不把你的D3放在指令裏面?然後將你的數據從控制器發送到指令? – Weedoze

+0

在當前版本中,我對D3使用指令。但我不喜歡視圖和模型之間的那個圖層(d3) - 並尋找一個直接的解決方案來顯示由角度/ –

回答

0

有找到了解決辦法 - https://jsfiddle.net/6yrvy3cn/1/

.tree ul { 
    padding-top: 20px; 
    position: relative; 
    vertical-align: top; 
} 

.tree li { 
    display: inline-block; 
    text-align: center; 
    list-style-type: none; 
    position: relative; 
    padding: 20px 5px 0 5px; 
    vertical-align: top; 
} 

純CSS代碼。