title: Angular pinterest - not working with binding
body: <p>I've implemented angular pinterest - into my one page application, this can be found here:</p>
  
  <p><a href="https://github.com/cornflourblue/angular-pinterest/" rel="nofollow noreferrer">https://github.com/cornflourblue/angular-pinterest/</a></p>
  
  <p>It all works fine inside of my application using:</p>
  
  <pre><code>&lt;pin-board username="'pointblankdev'" board-name="'point-blank-development'" image-width="'200'" board-height="'140'" board-width="'250'"&gt;&lt;/pin-board&gt;
  </code></pre>
  
  <p>However when i try and implement a data binding into the <strong>board-name</strong> It does not return anything, this is what my code looks like:</p>
  
  <pre><code> &lt;pin-board username="'username'" board-name="'{{getPinBoard}}'" image-width="'267'" board-height="'1149'" board-width="'1149'"&gt;&lt;/pin-board&gt;
  </code></pre>
  
  <p>and this is inside of my directive:</p>
  
  <pre><code>$scope.$watch('getPinBoard', function() {
      var url = $scope.lookName;
      var urlToLower = url.replace(/\s+/g, '-').toLowerCase();
       $scope.UrlLower = urlToLower;
   });
  </code></pre>
  
  <p>But just returning:</p>
  
  <blockquote>
    <p>{{getPinBoard}}</p>
  </blockquote>
  
  <p>Gives me the correct board-name.</p>
  
  <p>here is my directive:</p>
  
  <pre><code>app.directive('pinterestBoard', function ($window) {
      return {
          restrict: 'AE',
          scope: {
              lookName: '=lookName',
              pinBoard: '=pinBoard',
              columns: '=columns',
              muses: '=muses',
              boardPadding: '=boardPadding',
              boardHeight: '=boardHeight'
          },
          templateUrl: 'app/templates/pinterest.board.html',
  
          link: function ($scope, element, attrs) {
              var resizeEnded;
  
              $scope.getPinBoard( function() {
                  var url = $scope.lookName;
                  var urlToLower = url.replace(/\s+/g, '-').toLowerCase();
  
                   $scope.UrlLower = urlToLower;
              });
  
          }
      };
  });
  </code></pre>
  
  <p>Any help would be awesome.</p>