ES6で角度1.5.0が動作しない

Question

私はモジュールベースのアプリケーションを持っています。アプリはモジュールをロードし、各モジュールはコントローラとルータをロードし、ルータはビューをロードします。作品を結合コントローラは、うまく私はこのように使用している場合：

... 
module.controller('Ctrl', function(){ 
    const vm = this 
    // Controller stuff 
}); 
... 

しかし、私はこのような外部ファイルからロードしようとした場合、それはしていません：

// module.controller.js 
function Ctrl(){ 
    // Controller stuff 
} 
export default Ctrl 

そして、このような呼び出し：

それでも

// module.js 
import controller from './module.controller.js' 
... 
module.controller(controller.name, controller) 
... 

controller.nameは有効'Ctrl'文字列で、controllerは有効な機能です。コントローラ機能などをエクスポートする別の方法など、欠けているものがありますか？

おかげ

Answer 1

それはあなたのコントローラを作成するためにfunctionを使用していることを確認することは可能ですが、あなたはそれでコンストラクタで、クラスを使用する必要があります。依存関係は、このコンストラクタで注入され、あなたがスコープのプロパティとしてそれらを関連付けると、彼らがアクセスすることができます。

export default class Ctrl { 
    /** @ngInject */ 
    constructor($timeout) { 
     this.name = 'Ctrl'; 
     this.$timeout = $timeout; 

     this.consoleName(); 
    } 
    consoleName() { 
     var vm = this; 

     this.$timeout(function() { 
      console.log(vm.name); 
     }, 1000); 
    } 
} 

JSFiddle：https://jsfiddle.net/7fq4dnt9/

私は構文と宣言を比較するには、この記事をお勧めします。

https://medium.com/@daviddentoom/switching-to-es6-with-angular-1-x-is-easy-a08c40c2fc72#.e7i1avfqp。