title: Unable to access controller scope from the view
body: <p>I need to access the following scope in my directive's controller: "$scope.historySelectionFieldValues".  I am not getting anything populated.  Here is my view. </p>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;ji-select-box ng-repeat="{{historySelectionFieldValues}}"&gt;&lt;/ji-select-box&gt;
  </code></pre>
  
  <p><strong>Directive</strong></p>
  
  <pre><code>angular.module('FormBuilder') 
          .directive('jiSelectBox', function () {
              return {
                  restrict: 'E',
                  transclude: true,
                  scope: {},
                  controller: function($scope){
                      $scope.historySelectionFieldValues = [
                          "Item1", //THIS IS MY ARRAY THAT I AM STUCK DISPLAYING
                          "Item2"
                      ];
                  },                    
                  template: function (element, attrs) {                   
                      var dxAttributes = "";
                      return '&lt;/div&gt;' +
                          '&lt;div class="dx-field-value" dx-select-box="{ ' + dxAttributes + ' }"&gt;&lt;/div&gt;' +
                          '&lt;/div&gt;'
                  }
              }
          });
  </code></pre>