title: angular.js Error: Unknown provider angular-seed
body: <p>I started a new project in angularjs with angular-seed.
  I tried to add some directive, without success.</p>
  
  <p>The goal is, I have 2 choices/fields in my controller and would like to generate the fields for this choices.</p>
  
  <p>I get always the Error: Unknown provider: $scopeProvider &lt;- $scope &lt;- gendivDirective</p>
  
  <p>is there a dependecy injection needed or something else?
  Or is it the wrong scope? The Controller should be available in the directives?</p>
  
  <p>Thanks, Patrick</p>
  
  <p>test.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="myApp"&gt;
  &lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
   &lt;div ng-controller="FormCtrl"&gt;
          &lt;span gendiv&gt;
         &lt;/span&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>script.js:</p>
  
  <pre><code>angular.module('myApp', ['myApp.directives','myApp.controllers']);
  
  /* Controllers */
  
  angular.module('myApp.controllers', [])
  .controller('FormCtrl', ['$scope', function ($scope) {
  $scope.choices = {
      object: [
          {label: "Choice0"},
          {label: "Choice1"}
      ]
  };
  
  $scope.addChoice = function() {
      $scope.choices.object.push({
          label: 'Choice' + $scope.choices.object.length.toString()
      });
  };
  
  
  }]);
  
  /* directives */
  
  angular.module('myApp.directives', [])
    .directive('gendiv', ['$scope', function($scope) {
  return {
      controller: 'FormCtrl',
      template: '&lt;div class="control-group" ng-repeat="choice in choices.object"&gt;' + 
                 '&lt;label class="control-label" for="{{choice.label}}"&gt;{{choice.label}}&lt;/label&gt;' +
                  '&lt;div class="controls" style="color: #0044cc"&gt;' +
                      '&lt;input type="text" placeholder="Enter second choice here" name="choices[]" data-ng-model="choices[]" required&gt; &lt;i class="icon-plus-sign icon-large" style="padding-left:10px;cursor: pointer" alt="add choice" ng-click="addChoice()"  class="add"&gt;&lt;/i&gt;' +
                  '&lt;/div&gt;' +
                  '&lt;span ng-show="myForm.name.$error.required" class="help-inline"&gt;Required&lt;/span&gt;' +
                '&lt;/div&gt;',
      link: function (scope, elem, attrs) {
          console.log("Recognized the directive usage");
      }
  }
    }]);
  </code></pre>