我所有的json不是渲染和容器是不擴展

我使用的是primeng網站上的相同示例代碼。我所有的json不是渲染和容器是不擴展

<div class="col-md-9 col-md-push-3 bordered tableScroll boxSize"> 

    <table class="centerTree"> 
     <p-tree [value]="files" layout="horizontal" [selectionMode]="single"></p-tree> 
    </table> 

</div>

在我的服務，我有以下幾點：

@Injectable() 
export class NodeService { 

    constructor(private http: Http) {} 

    getFiles() { 
     return this.http.get('data.json') 
      .toPromise() 
      .then(res => <TreeNode[]> res.json().data) 
      .then(data => { return data; }); 
    } 
}

我也複製和從網站上粘貼的相同JSON。當我檢查我的CSS看到的網站它有一個變量命名爲p-treeNode，所以我想也許這就是問題，所以我試圖重寫它：

p-treeNode { 
    height: 400px; 
    width: 400%; 
    color: red; 
}

沒有什麼改變了我現在用的是下面的例子PrimeNg Site

---------------------------- Update 1 ----------------- --------

我能得到我所有的JSON的通過執行呈現以下內容：

ngOnInit() { 
     this.nodeService.getFiles().then(files => { 
      this.files = [{ 
       label: 'Root', 
       children: files 
      }]; 
     }); 
    }

我錯過了這個label: 'Root', children: files

但是它仍然非常小，看起來不像網站。

來源

2017-03-22 Drew1208

想要刪除評論以及我們在您的賞金問題中的討論鏈接，我的意思是自從您離開了您的電子郵件，並且討論對所有人都公開。所以如果鏈接在那裏，人們可以看到它。只是一個想法 ;） – Alex

嘗試添加

：host/deep/.ui-tree {width：100％; }

到您的組件css文件。

來源

2017-04-23 21:07:52 Piero

我所有的json不是渲染和容器是不擴展

回答

相關問題