为什么我的指令没有显示正确的输出?

时间:2016-01-18 13:30:02

标签: angularjs angularjs-directive angularjs-scope angular-ui-router angularjs-ng-repeat

我在角度中使用此指令: 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>

1 个答案:

答案 0 :(得分:1)

您的HTML被溢出隐藏。尝试在控制器div上设置:

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

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