使用控制器的指令中参数的未定义值

Question

我几乎不好意思问这个问题，但经过几个小时的尝试，我找不到这个问题的原因。

简单的指令，只是单向传递一个参数。如果我在控制器中使用 $scope 参数的值在那里，但是当我切换到 controllerAs 和 bindToController 以摆脱 $scope 时，参数是未定义的。

这是我的代码，也是fiddle。

<my-directive param="foo"></my-directive>

angular
    .module("app",[])
    .directive('myDirective', myDirective);

function myDirective() {
    return {
        restrict: 'E',
        scope: {
            param: '@'
        },
        controller: function() {
            var vm = this;
            vm.foo = vm.param + ' foo2';
        },
        controllerAs: 'vm',
        bindToController: true,
        template: '{{vm.foo}}'    
    }
}

我做错了什么？ 非常感谢，

Answer 1

我相信您使用的是过时的语法 - bindToController 已更改 - 见下文

function myDirective() {
    return {
        restrict: 'E',
        // **********************
        scope: {},
        bindToController: {
            param: '@'
        },
        controller: function() {
            var vm = this;
            vm.foo = vm.param + ' foo2';
        },
        controllerAs: 'vm',
        template: '{{vm.foo}}'    
    }
}