2016-03-25 10 views
0

通常、デフォルトでは、Ionicフレームワークにはすべてのサービスが格納される単一のファイルとすべてのコントローラが格納される単一のファイルがあります。サービスおよびコントローラ用に複数のファイルを持つIonic

しかし、これは大きなプロジェクトでは、コードを保守して開発するのが難しくなる可能性があります。コントローラーとサービスのコードを簡単に保守しやすいファイルに分割する方法はありますか?

私はすでにこのプロジェクトを持っています:https://github.com/pc-magas/fasterそして私は最初からそれをメンタナブルな形にしたいと思います。

答えて

0

を見てみましょうはい、あります。 angular-seedプロジェクトをご覧になることをお勧めします。彼らのコードでは、彼らはサービスとコントローラを別々のファイルに分けました。

基本的に、何をしなければならないことは、ファイル分離され、その後、このように、あなたのapp.jsに含める:

angular.module('myApp', [ 
    'myApp.controller1', 
    'myApp.controller2'  
]) 

そして、あなたのコントローラ上で、次のようなものを入れてあります。

angular.module('myApp.controller1', []) 

.controller('Controller1Ctrl', [function() { 

}]); 

最後に、あなたはこのように、あなたのindex.htmlで、コントローラ、サービスまたはディレクティブを含める必要があります。

<script src="folder/controller1.js"></script> 

ファイルの構造を決めるのはあなた次第です。ここにはarticleがあり、著者はAngularJSプロジェクトを構成するいくつかの方法を概説しています。

1

上記の提案に加えて、gulpタスクを使用してすべてのJSをバンドルし、その単一のファイルをindex.htmlに含めることもできます。これにより、index.htmlにファイルを含めることができます。

関連する問題