2016-07-30 45 views
0

仍然學習MEAN的基礎知識並從此article創建了一個示例項目,然後決定使用一些腳手架工具爲我的項目創建乾淨的文件夾結構,並且我面臨着YEOMANMEANJS。使用npm install -g yo,npm install -g generator-meanjsyo meanjs,一切都像一個魅力n有一個項目正面對我。您可以下載整個MEAN project here。 幾件事情,我只是不明白,儘管分析一整天的代碼結構:無法理解MEAN.JS腳手架以及角度引導程序

  1. 如何角得到自舉/這裏裝?整個角落 東西是在public文件夾裏面和bootsrapps裏面嗎?
  2. 什麼是一些HTML文件在app/views文件夾中的使用?特別是像index.server.view.htmllayout.server.view.html這樣的文件正在爲 提供所有其他Angular視圖文件/ HTML文件的模板。 他們甚至迷上了?
  3. application.js是AngularJS主 應用程序文件,誰將它帶入生活?

我不使用像GruntGulpKarma任何的應用程序的第一關,可能以後會擴展它,所以我如何刪除這些得到的只是平均準系統架構,使得它很容易理解ñ開始。

回答

0

是的,你的所有前端的東西是public文件夾裏面,你對app/views文件夾的問題實際上是回答如何您的角度自舉:

  • app/views文件夾包含單頁html將根據你請求的服務器的路線下載,所以如果你要求你的服務器渲染localhost:3000/它會給你layout.html和可能的index.html文件。您的佈局文件可能有一個ng-app="YourApp",這就是引導角度的原因,這可能在您的application.js文件中,例如angular.module('YourApp')。請注意,'YourApp'必須是佈局/索引文件中指令ng-app的名稱,這就是角度設置的方式。

  • 好吧,知道你應該注意到localhost:3000/home/會渲染layout.htmlhome.html文件等等。因此,這些app/views頁面中的每一個頁面都應該有幾個partials作爲SPA應用程序向用戶工作,例如:localhost:3000/home#profilelocalhost:3000/home#dashboard的視圖頁面相同,角度偏斜有什麼變化。

+0

非常感謝你的時間男人。通過MEAN JS文檔後,我的理解是:他們使用稱爲Swig模板引擎的東西,將Angular'公共'文件夾視圖掛鉤到MEAN堆棧中的'app/views'。正如你所說我的佈局HTML文件沒有類似'ng-app =「YourApp」'。 – BeingSuman

+0

@BeingSuman您的佈局文件沒有任何'ng-app'參考,因爲MEAN.JS 0.3.3使用Angular [手動引導](https://docs.angularjs.org/api/ng/function/angular.bootstrap )。如果你檢查你的application.js文件,你會看到這一行:'angular.bootstrap(document,[ApplicationConfiguration。applicationModuleName]);' – user3632710

+0

@ user3632710謝謝你。我與MEAN.JS 0.3.3一起住的原因是'AngularJS Module Sub-Generator'命令'$ yo meanjs:angular-module '有一些問題。但是出於好奇的問題:最新的MEAN.JS提供了更好的引導方法嗎? – BeingSuman