2016-11-19 76 views
0

我对一种情况感到困惑。我不确定采取哪种方法。登录页面和注册页面以及Angular js中的其他应用页面

我正在使用angularJs开发SPA。

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

登录页面,注册页面和应用程序页面的布局各不相同。这意味着,不同的CSS类。

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

+1

https://github.com/angular-ui/ui-router/wiki/multiple-named-views – Hitmands

回答

1

您可以创建为您的每个意见3个不同的HTML模板,你可以继续作为三个独立的HTML文件,所以你可能有它具有文件

的login.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" 
    }); 
+0

我是否必须的login.html和register.html NG-看法? –

+1

不!将

视为您观点的占位符。基本上,这是在路由器请求时显示您的视图的地方。 – user2085143

+0

这没有奏效。 login.html试图在index.html布局中打开。 –