Javascript 有角度的针孔-不使用装订

我已经在我的单页应用程序中实现了angular pinterest，如下所示：

它在我的应用程序中运行良好，使用：

<pin-board username="'pointblankdev'" board-name="'point-blank-development'" image-width="'200'" board-height="'140'" board-width="'250'"></pin-board>

但我只是回来：

{{getPinBoard}

给我正确的董事会名称

这是我的指示：

$scope.$watch('getPinBoard', function() {
    var url = $scope.lookName;
    var urlToLower = url.replace(/\s+/g, '-').toLowerCase();
     $scope.UrlLower = urlToLower;
 });

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;
            });

        }
    };
});

---

任何帮助都会很棒。

我不是100%在学习，因为这只是我第二次使用angular，我试图理解一切。我必须说，这看起来是一个不寻常的实现，为什么要关注值并在回调中做一些不相关的事情？如果要对

getPinBoard

进行评估，则无论哪种方法都需要删除单引号。e、 g.

board name=“{{getPinBoard}}”

。谢谢，我已经试过了，但是控制台决定把它扔回去：（

Error:[$parse:syntax]语法错误：Token'getPinBoard'是意外的，应该在表达式[{{getPinBoard}}]的第4列[：]从[getPinBoard}]开始。

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;
            });

        }
    };
});