title: Sigma.js in Angularjs
body: <p>I am having trouble using Sigma.js inside an Angular directive.</p>
  
  <p>The steps I am taking are:</p>
  
  <ol>
  <li>I have built my app with yeoman.</li>
  <li>I have installed sigma as a bower_component and did run <code>npm run build</code> to obtained the minified <code>sigma.min.js</code></li>
  <li>I have added it as a script in my <code>index.html</code></li>
  <li>I have added <code>sigma</code> as a dependency in my <code>app.js</code>.</li>
  <li>I have imported it as a dependency in my directive as <code>sigma</code></li>
  </ol>
  
  <p>The error that I am getting is: <code>module 'sigma' is not available</code></p>
  
  <p>Does anybody have an idea on what's going on?</p>
  
  <p>This is the code:
  app.js</p>
  
  <pre><code>angular.module('uiApp', [
    'ngCookies',
    'ngResource',
    'ngSanitize',
    'ngRoute',
    'd3',
    'directives',
    'services',
    'sigma'
  ])
    .config(function ($routeProvider) {
      $routeProvider
        .when('/', {
          templateUrl: 'views/main.html',
          controller: 'MainCtrl'
        })
        .otherwise({
          redirectTo: '/'
        });
    });
  </code></pre>
  
  <p>sigmagraph.js</p>
  
  <pre><code>'use strict';
  
  angular.module('directives')
  .directive('sigmagraph',['$log','sigma',function($log,sigma){
  
      return {
  
          scope:true,
          restrict:'EA',
          link: function (scope,el){
  
              sigma.parsers.json('data.json', {
                  container: 'container',
                  settings: {
                      defaultNodeColor: '#ec5148'
                  }
              });
  
  
          }
  
  
      };
  
  
  }]);
  </code></pre>