无法访问指令中的 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: '@'
}

注意：您也可以通过指令的 link 函数中的属性访问它（上面没有）

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

无法访问指令中的 AngularJS 属性

Unable to access AngularJS attribute in directive

javascript

angularjs

angularjs-directive

angularjs-scope