AngularJs和登陆页面

时间:2014-04-04 00:17:07

标签: angularjs angular-ui-router

目标网页通常与其他网页的外观完全不同。

基本上,使用角度的默认路由机制,index.html可以有ng-view以显示各种页面。
这个ng-view没有“条件”的概念。

的确,如果我想为所有页面指定一些导航栏但登陆页面会怎么样?

我是否应该在每个模板中“包含”导航栏,打破DRY原则?

1 个答案:

答案 0 :(得分:1)

我是通过使用angular-ui-router https://github.com/angular-ui/ui-router/wiki

来做到的

使用Angular UI路由器您可以改为定义状态,但需要将状态发布/转发回导航组件。

Angular ui路由器允许您嵌套视图,因此您无需将导航放在视图之外,这会导致重新加载页面不在视图之外。

只是注意ui路由器使用ui-sref指令导航而不是ng-href。这可能是重建项目的很多工作但是我认为值得。

关于更改导航。 您可以将导航包装在ng-if或ng-show指令中,也可以在/,/ home状态下使用完全不同的基本模板。

干杯