角落單頁面應用程序背後驗證

Question

嗨，我是新來的Angular，我需要幫助。

我想創建單頁面應用程序。

基本信息：

• 通過網址導航
• 整個應用程序的背後是驗證（如果不是唯一授權的登錄頁面顯示，也許，重置密碼，聯繫人頁面，等... - >我將選擇網址這是不經授權）
• 背後認證是靜態佈局像頭，菜單，側欄，頁腳和容器的內容（NG-視圖）

請幫我一下吧（HTML海峽ucture，模板，控制器，指令等）

我的結構 頁的想法：

• 的index.html
• 登錄-template.html
• 佈局template.html
• 菜單template.html
• content1.html
• content2.html
• content3.html
• content4.html
• 列表的項，template.html

我不知道是什麼一定要在索引頁，但在佈局template.html會出現一些靜態html，一些模板，如menu-template.html和ng-view，其中內容將通過URL顯示。

內的一些模板會像模板與控制器項目列表此列表模板

我想每個模板控制器，像另一個模板：（loginCtrl，layoutCtrl，menuCtrl，content1Ctrl）

我希望是有道理的

謝謝

Answer 1

我是一個新手，角度和你一樣選擇去約曼角發生器，它是取文件結構的護理非常方便，使一個將需要的樣板，單元測試環境等。因此，基本上檢查出http://yeoman.io並從那裏做教程。然後開始自己的項目，並創建角子發生器的意見，這樣的：

拳頭讓你的應用程序的基本結構：

yo angular 

然後使用子發生器增加與航線的意見（詳細資料在角發生器上可以找到https://github.com/yeoman/generator-angular）

yo angular:route your_view 
... 

至少我使用索引。用於定義整個應用程序的靜態佈局，然後我在頁面的「中間部分」有角度生成器默認示例在「yo」-command生成的單獨的HTML文件中使用視圖。我不需要（但是）SASS，但我只需引導CSS即可。最後，爲了保持HTML文件的美觀和乾淨，我發現ng-include指令非常方便，例如，如果使用HTML選項卡並且每個選項卡內容都在其自己的單獨HTML文件中。

身份驗證在後端完成，其中Web服務器在用戶未通過身份驗證時進行靜態重定向至登錄頁面，並且在有效的授權就緒時進入索引頁面。

我相信還有很多其他方法可以做到這一點，但這是我做到的。它工作的很好，似乎在維護方面也很方便...