title: Accessing selectedItems from ng-grd in directive
body: <p>Hello I have a gird with the following options: </p>
  
  <p>$scope.mySourceSelections = [];</p>
  
  <pre><code>$scope.gridOptions = {
              data: 'formatSources',
              showSelectionCheckbox: true,
              enableCellSelection: true,
              enableRowSelection: true,
              multiSelect: false,
              selectedItems: $scope.mySourceSelections
  
     };
  </code></pre>
  
  <p>In my directive I have a template to embed HTML on my page. 
  In my div tag I have the attribute:<br>
  <code>data-activity-source={{mySourceSelections}}</code></p>
  
  <p>When the page renders the attribute produces: 
  <code>data-activity-source="[{"SourceName":"College of Letters &amp; Science"}]"</code> </p>
  
  <p>To set the source, I need the syntax to be <code>data-activity-source="College of Letters &amp; Science"</code>.</p>
  
  <p>When I change my template to be: <code>data-activity-source={{mySourceSelections[0].SourceName}}</code> 
  I receive the following two errors: </p>
  
  <pre><code>GET /api/v1/activity/public?s=0&amp;l=1&amp;o=College%20of%20Letters%20&amp;%20Science 400 (Bad Request) jquery-1.11.1.min.js?v=1412791216854:4
  ERROR: getPublicActivitiesForSource : ajax : error 
  </code></pre>
  
  <p>I know this is occurring when trying to access the [0] index of mySourceSelections. How do I fix this and gain access to the SourceName value of "College of Letters &amp; Science"?</p>