小编Sun*_*Man的帖子

祝大家有个美好的一天。

对于信中的任何错误，我提前道歉。在 D3.js 之后，我开始学习新的库 - cytoscape.js。简单的例子是有效的，但后来我尝试在我的 angular.js-project 中使用 cytoscape.js - 我遇到了一些奇怪的情况：在一个骨架示例之后：

http://jsbin.com/gist/a1aea574f0e248b2b38e?js,output

我从 cytoscape.js 获得页面上的空白画布。所有画布的宽度为屏幕宽度，但高度 = 0。我检查了我的 cy 对象 - 所有元素都由库解析，所有元素都有唯一的 id，但所有元素都没有位置：

x = 0, y = 0

您可以在下面看到一些代码。主页有指令：

<div ng-view></div>

我的控制器：

someName.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/lgraph', {
        templateUrl: 'partials/graphfull.html',
        controller: 'GraphPainterController'
      }).
      otherwise({
        templateUrl: 'partials/mainpage.html'
      });
  }]);

我的控制器：

GraphPainterController.controller('GraphPainterController', ['$scope', 'GraphResource', 'cyGraph', 
  function($scope, GraphResource, cyGraph) {
        ...
        $scope.graph = GraphResource.results;
        cyGraph($scope.graph, $scope).then(function(graphCyObj) {
          cy = graphCyObj;

          $scope.cyLoaded = true;
        });
        ...
      }
 ]);

工厂：

    graphPathControllers.factory('cyGraph', [ '$q', function( $q …