FlowtypeでAngularJS $ inject注釈を正しく処理する方法

Question

AngularJS（1.5）プロジェクトでFlowtypeを使用しようとしていますが、$inject annotationについて不平を言います。これを処理する正しい方法は何ですか？

フローバージョン0.30.0

例コード

ナビゲーション/リンク-controller.js

export default class LinksController { 

    constructor(navigationService) { 
    this.availableLinks = navigationService.availableLinks; 
    } 
} 

LinksController.$inject = ['NavigationService']; 

ナビゲーション/ index.js

... 
import NavigationService from './navigation-service'; 
import LinksController from './links-controller'; 

export default angular.module('app.links', [uirouter]) 
    .config(routing) 
    .service('NavigationService', NavigationService) 
    .controller('LinksController', LinksController) 
    .name; 

例flowtype出力

LinksController.$inject = ['NavigationService']; 
       ^^^^^^^ property `$inject`. Property not found 

Answer 1

この理由は、クラスを作成することによってFlowでそのインターフェースを定義しているからです。

$injectをクラスに割り当てると、クラスインターフェイスで定義されていない新しいプロパティが効果的に追加されます。これはフローのタイプエラーです。

class LinksController { 
    static $inject = ['NavigationService']; 
    constructor() {...} 
} 

：静的プロパティを追加

class LinksController { 
    static $inject: Array<string>; 
    constructor() {...} 
} 

LinksController.$inject = ['NavigationService']; 

：静的プロパティの型定義を追加

：

あなたは、このタイプの流れにチェックを行うための2つのオプションがあります2番目のオプションでは、esproposal.class_static_fields=enableウィットを有効にする必要がありますあなたの.flowconfig

の[options]セクションをホアヒンこれは提案まだJavaScriptの標準に追加されていないし、任意のブラウザでは利用できないので、あなたもBabelようなもので、それをコンパイルする必要があります（あなたがstage-2 presetかのいずれかが必要ですtransform-class-properties plugin）。

Answer 2

あなたは、外部依存性の注入を使用しているなら、あなたは以下のような機能をリンクしたい場合があります。

angular 
    .module('app',[]) 
    .controller('LinkCtrl', LinkCtrl); 

LinkCtrl.$inject = ['NavigationService']; 

あなたが上記のように完全にスニッパーを共有してもらえますか？