2016-07-25 11 views
3

コンポーネントをよりよく理解するために、心のarround角コンポーネントをラップしようとしています。コンポーネントアーキテクチャを使用して単純なtodo crudを開発しています。コンポーネントで角度アーキテクチャを使用するベストプラクティス

問題は、単一の責任原則を尊重しながら、単一のコントローラにcrudのすべての操作を入れるのは理にかなっていると思いますが、同時にビューを分割することは良い方法です(私は考えます) todosを作成してtodosを更新するために別のものを削除する)。

同じコントローラーといくつかのng/ui-routeマジックを登録する2つの別々のコンポーネントを使用して、1つのコントローラーで複数のビューを実現できますが、これを使用するとコンポーネントが提供しようとしているカプセル化提案が爆発します。

だから、誰もこの問題の良い解決策を見つけましたか?

+0

angular2のtodoを見て、それはあなたにアイデアを与えるでしょうhttps://github.com/ColinEberhardt/angular2-todo/ – Rachmaninoff

+0

あなたはあなたの問題が何であるかを見るために基本的なコードを書くことができますか?クルーズ機能は、コントローラにないサービスに入れなければなりません。 – gyc

+0

@HadiAmiriコメントのおかげで、angle2のtodoの範囲はシンプルなので、すべての操作は単一のビュー(todoには1つのフィールドしかありません)で実装されていました。 – danillosl

答えて

1

モジュール性を常に考慮する必要があるので、サービスを作成してすべてのcrudとAPI操作を処理し、他のコントローラとディレクティブで再利用できると思います。 ここでは、私たちがプロジェクトでどのようにしたかの例を示します。これは私のパートナーのgit repoです。ここで

https://github.com/leog/epsilon

+0

答えをいただきありがとうございます、私はあなたのシリーズの最初の部分を読んで、私は残りの部分を読んで、プロジェクトを分析する必要があるかもしれません。 – danillosl

1

ビューとコントローラとすべての状態を説明したバンク・account.state.jsの角度ui-routerを使用してjhipsterリポジトリ link

からデモです。

+0

答えに感謝、それは素晴らしいです!私が見る唯一のprobleamは、コンポーネントがビュー構造を尊重しない別のプロジェクトにエクスポートできないということです。 – danillosl

関連する問題