2016-12-23 4 views
8

Angular-CLI骨格に基づいたAngular 2アプリケーションを使用しています。このディレクトリにモジュールごとに1つのディレクトリを構成し、このモジュールに関連する各コンポーネントを同じフォルダに構成するという習慣がありました。内部モジュールフォルダを生成する

src 
    app 
     documents 
      document-list.component.ts 
      document-list.component.html 
      documents.component.ts 
      documents.component.html 
      document.module.ts 
     app.component.ts 
     app.module.ts 
    main.ts 

今、私は角度-CLIを使用していることを、私は、各機能の利益を利用したいと思いますが、私は新しいコンポーネントを生成していたときに、どんな、それは私のコンポーネントのために新しいフォルダを作成しておくん私はちょうどそれを関連フォルダの中に入れたいと思っています。

src 
    app 
     documents 
      document-list 
       document-list.component.ts 
       document-list.component.html 
      documents.component.ts 
      documents.component.html 
      document.module.ts 
     app.component.ts 
     app.module.ts 
    main.ts 

以前の構造を維持することは可能ですか?それは悪い習慣ですか?ガイドラインは無用なディレクトリの深さを避けることを推奨しています。

答えて

16

アプリケーションのルートディレクトリにあり、上記のようにsrc/app/documents内にコンポーネントを作成するとします。 --flatオプションを使用すると、ディレクトリを作成せずにコンポーネントを作成できます。あなたが使用上には、このコマンドを持つコンポーネントを作成するには:

ng generate component document-list --flat 
+0

私の 'angular-cli.json'のデフォルトオプションとして定義する可能性はありますか? – Sakuto

+0

今はないが、将来的に追加される可能性がある場合は、レポに問題を提出してください。 – Brocco

10

角度-CLIを使用し、あなたがng g component documents/document-listを実行することができ、それはあなたが必要な構造が作成されます(と仮定するとアプリがあなたのアプリケーションのルートです)。

enter image description here

は、この情報がお役に立てば幸いです。既に存在しているかのサブフォルダを作成することなく、コンポーネントと同じ名前を持っていないか、そのフォルダ内のコンポーネントを作成するには

+0

質問は余分な 'document-list'フォルダを持たず、 'documents'フォルダの中にコンポーネントファイルを持っていることです。 – hogan

+0

しかし、構造がすでに存在し、新しいコンポーネントフォルダをネストされたコンポーネントとして追加する場合はどうなりますか? 'ng g c/existing-components-folder/new-component-folder'を実行しますか? – AllJs

-1

...

NG

--flatコンポーネントディレクトリ/コンポーネント名を生成しますたとえば

NGこれは、サブフォルダのテストの詳細を作成をフォルダテスト中のコンポーネントとNOTを生成します

--flat部品テスト/テスト・リストを生成する... enter image description here

+0

なぜ落選したのですか、私はそれをテストしました。これは元の質問に関係しています。ここで述べたように、質問は余分な 'document-list'フォルダを持っていませんが、 'documents' - ホーガン9月17日17時15分3:23 –

関連する問題