2016-09-21 12 views
1

私は角度jを初めて使用しています。 MVC5の角度JSの私の構造は、私は、単一のエンティティのCRUDを持っている簡単なアプリケーションを作成する必要がApplication structure.NET MVC 5の角度js構造

下の画像です。 これまでのところ、Angularフォルダには1つのコントローラしか作成していません。

Website.jsファイルにすべてのディレクティブ、フィルタ、および機能を追加しました。 追加/編集/詳細などの異なるページを作成する必要があります。

CRUD操作は単純ではありませんが、いくつか余分なロジックを入れなければなりません。 モデルの削除、追加、または更新のいずれかがページのどこでも変更されるプロセスが必要です。

質問

iは、同じコントローラにすべてのディレクティブ、機能を置くべきか?または、私はCRUD操作ごとに別々のファイルを作成する必要がありますか?このアプリケーションの構造に私を導いてください。

答えて

1

あなたはこのようにディレクティブ、フィルター、サービス、およびコントローラの別々のファイルを作成する必要があります。

app(folder inside scripts) 
----- controllers/(folder inside app) 
---------- userController.js 
---------- itemController.js 
----- directives/(folder inside app) 
---------- mainDirective.js 
---------- otherDirective.js 
----- services/(folder inside app where all the services will go) 
---------- userService.js 
---------- itemService.js 
----- app.js(main file where you will declare angular module and other application configurations which are common) 

をのようなモジュールが賢明コントローラーおよびサービスを作成し、ユーザモジュールのため私はUserControllerで、今でUserServiceの命名つのサービスと、一方のコントローラを作成しましたこのユーザーコントローラは、ユーザーおよびすべてのCRUD操作に関連するすべてのビジネスロジックを実装します。 CRUDのすべての$ http要求をサービスに指定し、そのサービスをコントローラから呼び出すことをお勧めします。

+0

コントローラ、ディレクティブ、サービスはすべてどこに登録しますか? 私はapp.jsファイルに依存関係を追加しますか?コントローラ - - ディレクティブ - サービス - 私は として角度(ルートフォルダ) を追加した唯一のCRUDのものを持っているので – Umar

+0

はあなたのようなあなたのアプリですべてのコントローラ、ディレクティブ、サービスなどを登録します – Umar

+0

app.jsこれは:var app = angular.module( 'myApp'、[]);他のすべてのものはapp.controller ...... app.service .... app.directive –