ログインページと登録ページとAngular jsのその他のアプリケーションページ

Question

状況によっては混乱します。どのアプローチをとるべきかはわかりません。

私はangularJsを使用してSPAを開発しています。

ログインページ、登録ページ、およびその他のアプリケーションページがあります。

ログインページ、登録ページ、およびアプリケーションページのレイアウトがそれぞれ異なります。つまり、さまざまなCSSクラスを意味します。

私の質問は、3つの異なるapp.jsファイルと一緒に3つの異なるレイアウトを作成する必要がありますか、それとも1つに固執して何とか管理する必要がありますか？

Answer 1

あなたがファイルに

login.htmlと

レジスタを持っているテンプレートという名前のフォルダがある場合がありますので、あなたは3つの別々のHTMLファイルとして保持することができ、あなたのビューごとに異なる3つのHTMLテンプレートを作成します。 HTML

アプリケーションabout.html

は、要求された経路に応じて、各ビューに入れ替えます。

ビューごとに別の.jsファイルは必要ありません。

以下のフィドルをご覧ください。

http://jsfiddle.net/yaprak/789Ks/1/

のではなく、上記の例では、テンプレートとして生のHTMLを使用するには、例えば、ファイルへのリンクを提供することができます

myApp.config(function ($stateProvider, $urlRouterProvider){ 
    $stateProvider.state("login", { 
     url: "/login", 
     templateUrl: "templates/login.html", 
     controller: "Ctrl1" 
     }).state("about", { 
     url: "/about", 
     templateUrl: "templates/about.html", 
     controller: "Ctrl2" 
    });