2016-05-09 10 views
0

AngularJSアプリケーションを構築しています。私は現在、それがロードされているURLに応じてカスタマイズされた公開フォームを構築しています。ページのロードは、私がGET http://url.com.au/api/Org/org1 でいくつかの情報をロードして、いくつかのUI要素を駆動するための応答を使用したい場合はGETリクエストの結果に応じてページコンテンツをカスタマイズする

http://url.com.au/Registration.cshtml#?org=org1 

例えば

http://url.com.au/Registration.cshtml#?org=org2 

より若干異なって見えます。

最初は違いは小さくなります(ロゴのURL、一部のチェックボックスの値)が、時間の経過と共にフォームはますます動的になります。

何である私がサポートするために従うべきパターン:

  1. シンプル違い、さらに旅よりダイナミックなUIに沿っ
+0

https://docs.angularjs.org/api/ng/directive/ngIncludeのようなものを使用すると、各組織のページを変更することができます。インクルードするページに同じテンプレートを含めることができます –

答えて

0

単純な解決策として、そのルートのルートパラメータにURL変更を保持します。その後、$routeParamsを使用してアクセスします。そうすれば、簡単にベースGETのURLを変更することができます。

単純なUIと動的なUIの両方で、ngIncludeを最小限に抑えようと考えています(読み込み時間が短くて読み込み時間が長くなり、常に新しい理想的なスコープが作成されます)。

私はあなたのhtmlをできるだけ両方のレイアウトに対応できるように構成します。 ng-show/hideを使用して、GETリクエストから取得した変数に基づいてDOMの変更をトリガすることを考えてください。画像のような資産の場合、GET要求は画像へのパスを返すことができ、ngSrcを使用してそれを含めることができます。

さらに旅に沿って、ネストルーティングを考慮する必要があるかもしれません。 UI-Routerは非常に一般的な解決策です。

関連する問題