Angular 带有自定义指令的 ControllerAs 语法

Question

你好，我在上传图片时遇到了问题。我使用打字稿，所以我尝试改编 fiddle。我在互联网上找到，但问题是我没有使用范围，所以字段 'myFile' 没有从 directive.I 修改，使用 bindToController 和 scope:{myFile'='} 但是没用。

感谢您的帮助

Answer 1

如果您想对指令使用控制器语法，请像这样使用

function myExample() {
    var directive = {
        restrict: 'EA',
        templateUrl: '...',
        scope: {
            myFile: '='
        },
        link: linkFunc,
        controller: ExampleController,

        controllerAs: 'vm',
        bindToController: true 
    };
return directive

  function linkFunc(scope, el, attr, ctrl) {
   scope.vm.myFile = ...
}
}
function ExampleController(){
var vm = this
}

Angular 带有自定义指令的 ControllerAs 语法

Angular ControllerAs syntax with custom directive

binding

angularjs

typescript

controlleras