登录页面＆amp; Angular js中的注册页面和其他应用程序页面

Question

我对某种情况感到困惑。我不确定采取哪种方法。

我正在使用angularJs开发SPA。

我有登录页面，注册页面和其他应用程序页面。

登录页面，注册页面和应用程序页面的布局彼此不同。这意味着，不同的CSS类。

现在我的问题是，我应该创建3个不同的布局以及3个不同的app.js文件，或者我应该坚持一个并以某种方式进行管理？

Answer 1

您可以为每个视图创建3个不同的HTML模板，您可以将这些模板保存为三个单独的HTML文件，这样您就可以拥有一个名为templates的文件夹，其中包含文件

的login.html

register.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"
    });