我得到了2次,我想它們之間進行切換。更改視圖和UI與AngularJS
我的第一個觀點(index.ejs)看起來像這樣,是所有用戶的儀表板,他們登錄之前(OnePager:報名及相關信息):
<!DOCTYPE html>
<html lang="en" ng-app="app" class="no-js">
<head>
<meta charset="utf-8">
<title>app.com</title>
<link type="text/css" rel="stylesheet" href="../css/style.css">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
</head>
<body>
<div ng-view></div>
<script src="../lib/angular/angular.js"></script>
<script src="../lib/angular-route/angular-route.js"></script>
<script src="../lib/angular-sanitize/angular-sanitize.js"></script>
<script src="../lib/angular-resource/angular-resource.js"></script>
<script src="../js/app.js"></script>
<script src="../js/controllers/indexCtrl.js"></script>
<script src="../js/services/Api.js"></script>
</body>
</html>
與Passport身份驗證後,我想轉行這個(home.ejs):
<!DOCTYPE html>
<html lang="en" ng-app="app" class="no-js">
<head>
<meta charset="utf-8">
<title>app.com</title>
<link type="text/css" rel="stylesheet" href="../css/style.css">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.js"></script>
<script>
var socket = io();
</script>
</head>
<body>
<SOME OTHER HTML INCLUDED SIDEBARS & TOP BARS>
<div ng-view></div>
<script src="../lib/angular/angular.js"></script>
<script src="../lib/angular-route/angular-route.js"></script>
<script src="../lib/angular-sanitize/angular-sanitize.js"></script>
<script src="../lib/angular-resource/angular-resource.js"></script>
<script src="../js/app.js"></script>
<script src="../js/controllers/homeCtrl.js"></script>
<script src="../js/services/Api.js"></script>
</body>
</html>
所以我的側面和頂欄應保持靜態像一個水療中心和剛剛通過的路線導航改變NG-視圖。
這樣做的最好方法是什麼?
感謝,Chzn
首先非常感謝。但我確實知道所有這一切。如何使用路線提供者以及如何從單獨的文件中顯示部分頁面。但是我的主要問題是如何我可以得到一個靜態的側面和頂欄,如抽搐SPA [鏈接](https://www.twitch.tv/)。我想加載沒有靜態頂部和側邊欄的索引文件。它看起來像這個詛咒[鏈接](http://www.curse.com/)。經過身份驗證載荷靜頂部和側邊欄,只是通過像抽搐的應用程序在第一個鏈接確實routeprovider改變NG-視圖。 – chzn