アクセススコープfrom directives with typescript

Question

カスタムTypeScriptディレクティブでコントローラのスコーププロパティにアクセスするにはどうすればよいですか？
例えば、私はscope.messageを記録したい次のスニペットで：

/// <reference path="typings/angularjs/angular.d.ts" /> 

//module 
module app { 
    var mainModule = angular.module('mainModule', []); 
} 

//controller 
module app.testCtrl { 
    interface ITest { 
     message: string; 
    } 

    class TestCtrl implements ITest { 
     message: string = 'initial value'; // this is the value i want to access from my dierctive 
    } 
    angular.module('mainModule').controller('testCtrl', TestCtrl); 
} 

//directive 
module app.directives { 
    export class MyDirective implements ng.IDirective { 
     restrict = 'A'; 

     static instance(): ng.IDirective { 
      return new MyDirective; 
     } 

     link(scope: ng.IScope) { 
      //HOW DO I GET TO THE SCOPE PROPERTIES? 
      //console.log(scope.???); 
     } 

    } 
    angular.module('mainModule').directive('myDirective', MyDirective.instance); 
} 

PS - それは違いを作る場合、あなたがしているように私は、ビューの構文「のようなコントローラを」使用してい

Answer 1

はそう角度の指示の概念を悪用している。 、

link(scope: ng.IScope) { 
    console.log(scope["myControllerAsAlias"].message); 
} 

しかし、「角度の方法は」ディレクティブに変数を渡すことであろう。このような何か：あなたはこのような何かを行う場合は、コントローラのスコープ変数にアクセスすることができます

interface IMyDirectiveScope extends ng.IScope { 
    message: string 
} 

export class MyDirective implements ng.IDirective { 
    restrict = 'A'; 
    scope = { 
     message: "@" 
    }; 

    static instance(): ng.IDirective { 
     return new MyDirective; 
    } 

    link(scope: IMyDirectiveScope) { 
     console.log(scope.message); 
    } 

} 

をとあなたのhtmlで：

<div my-directive message="myCtrlAsAlias.message"></div>