0

Я использую эту директиву в угловом: https://github.com/codecapers/AngularJS-FlowChartПочему моя директива не показывает правильный результат?

и описание: http://www.codeproject.com/Articles/709340/Implementing-a-Flowchart-with-SVG-and-AngularJS

Но это не показывает ожидаемый результат. Он должен показать два узла , как указано в демо. Я не знаю, почему он не показывает?

Вот мой код:

http://plnkr.co/edit/1Sh4647ZECoNaaxOMXom?p=preview

<div ng-controller="cntrl"> 
    <div style="width: 100%; overflow: hidden;"> 
    <flow-chart 
     style="margin: 5px; width: 100%; height: 100%;" 
     chart="chartViewModel" 
     > 
    </flow-chart> 
    </div> 
    </div> 
+0

. Может быть, вам не хватает библиотеки? Когда я нахожу видимый узел, я получаю следующую ошибку: «hoverElement.scope не является функцией». –

+0

Я загружаю всю библиотеку. Пожалуйста, проверьте мой плункер – user5711656

+0

Я сделал, вот где я видел ошибки. Если вы проверите свой HTML-код, вы увидите, что он фактически загружает оба узла. Но второй, похоже, скрыт от переполнения. –

ответ

1

Ваш HTML скрыт от переполнения. Попробуйте установить это на контроллер DIV: Это не кажется, делает все правильно

style="width: 100%; height:100%;" 

http://plnkr.co/edit/fL1OjN2a9Uk8QV6jAjDS?p=preview

+0

мы можем уменьшить размер узла (синий ящик) – user5711656

+0

Я думаю, что это делается в шаблоне где-то. Если вы попытаетесь понять код, вы поймете это. –

+0

ОК спасибо за помощь .. Я сделал это. Не могли бы вы помочь мне получить select event ..on select node, который он предоставляет текущему объекту. – user5711656

Смежные вопросы