title: How do I update a scope attributes in the link method?
body: <p>This code is just a test that I'm putting together so I can understand the logic. 
  Basically what I want to happen is to get a value passed into the directive. Based on that value, I want to add several attributes to the scope. </p>
  
  <p>This first test is just to update the attribute that was already passed in.</p>
  
  <p><strong>Directive:</strong></p>
  
  <pre><code>angular.module('bd.common')
  
      .directive('bdPopoverLegend', function () {
          return {
              restrict: 'AE',
              replace: true,
              scope: {
                  legendInfo: '=info'
              },
              templateUrl: '/bd/common/ctl/bdPopoverLegend.html',
              link: function (scope, element, attrs) {
                  scope.legendInfo.test = 'hello world 4';
              }
          };
      });
  </code></pre>
  
  <p><strong>Template:</strong></p>
  
  <pre><code>&lt;div&gt;{{legendInfo.test}}&lt;/div&gt;
  </code></pre>
  
  <p><strong>Calling the Directive:</strong></p>
  
  <pre><code>&lt;div bd-popover-legend="" info="{test: 'hello world 3'}"&gt;
  </code></pre>
  
  <p>The value never changes, it stays as 'hello world 3' and not 'hello world 4'</p>