Содержимое не отображается в теге Primeng <p-tabPanel> - PullRequest
Новая
       14

Содержимое не отображается в теге Primeng <p-tabPanel>

0 голосов
/ 15 апреля 2019

Я пытаюсь отобразить компонент в моей вкладке Primeng.Компонент представляет собой диаграмму, созданную с помощью библиотеки диаграмм joint.js.Когда я размещаю компонентный тег внутри <p-tabPanel>, он не отображается.Компонент отображается в окружающем теге <p-tabView> и почти везде.

Попытка взять код для компонента и передать его непосредственно компоненту, где он используется.

target-component.html 

<p-tabView>
  <p-tabPanel header="P">
    <app-diagram></app-diagram>
  </p-tabPanel>
  <p-tabPanel header="D">

  </p-tabPanel>
  <p-tabPanel header="S">

  </p-tabPanel>
</p-tabView>

chart-component.html 

<div id = myholder></div>

схема-component.ts 

var graph = new joint.dia.Graph;

var paper = new joint.dia.Paper({
  el: document.getElementById('myholder'),
  model: graph,
  width: 1600,
  height: 1000,
  gridSize: 1
});

Я ожидал, что график появится на вкладке.При использовании инспектора div myholder имеет высоту 0 и не отображается вообще.

...