无法访问指令中的AngularJS属性

Question

我目前正在尝试在AngularJS中实现一个非常简单的指令。 最后，我希望能够使用如下指令：

<share-buttons url="google.com"></share-buttons>

我的指令如下所示（咖啡脚本）：

module.directive 'shareButtons', () ->


    controller = ['$scope', ($scope) ->

        $scope.share = () ->
            console.log $scope.url

    ]

    return {
        restrict: 'EA'
        scope: {
            url: '=url'
        }
        templateUrl: viewpath_common('/directives/share-buttons')
        controller: controller
    }

这是我的模板（Jade）：

.social-icons
    button.btn.btn-li(ng-click="share()")
        i.fa.fa-linkedin.fa-fw

当我单击按钮时，正确的函数称为（$ scope.share），但记录的唯一内容是undefined 。

你能帮助我吗？

Answer 1

这是因为您的url属性是绑定有“ =”的双向数据

所以它正在寻找这样的范围变量：

$scope.google.com =  // should be some value.

从控制器传递到指令。

如果要传递字符串，请使用“ @”进行单向绑定

scope: {
        url: '@'
}

注意：您也可以通过指令的链接功能中的属性来访问它（上面没有）

// like so
restrict: 'EA'
scope: {
    url: '@'
}
templateUrl: "someURL",
link: function(scope, elem, attrs) {
    console.log(attrs.url);
}