2014-06-30 21 views
1

我剛開始學習Angular的過程,我有點難過。目前,我有一個主刀片模板,我在我的Laravel應用程序中使用站點範圍。這是相關的部分。將刀片放置在哪裏

<body>  
    @include('navbar')  
    @yield('content')  
    @yield('content2')  
</body> 

爲了使用AngularJS,我必須把標籤ng-app的身體線條。如果我有多個頁面使用不同的AngularJS代碼片段,我如何更改標籤?

我希望有人有一個想法。幫幫我。

在此先感謝。

+2

爲什麼你必須在身體上使用ng-app。只需使用 –

+0

存在同樣的問題。我爲整個網站使用了一個主模板。 –

+0

由於@YagizOzturk聲明你不必在體內使用ng-app。只要把它放在html標籤上,你的模板裏面有一個div,等等。角度文檔的簡單搜索會告訴你:https://docs.angularjs.org/api/ng/directive/ngApp –

回答

0

ng-app可以放置在任何地方,任何元素上。

因此,如果您有一個應用程序navbar,只需將ng-app="navbarApp"添加到navbar模板的最頂端元素即可。另外,我建議重新考慮使用單獨的應用程序,而將注意力放在一個應用程序上,併爲應用程序的各個部分提供多個控件。這樣,正文元素就是您的ng-app元素,而navbar模板的最頂部元素只是一個ng-controller元素。

然後你在你的navbar設置<div ng-view>元素,您可以指定每個內容包括它自己的控制器,並且仍然加載作爲一個單一的頁面,或者你只是只用navbar部分加載頁面和動態的觀點裝入這部分通過執行簡單的控制器路由。

這簡化了服務器端的視圖結構,因爲您不再需要爲每個可能的組件組合模板創建佈局模板。只需創建組件並讓前端在需要的地方加載組件。

注意:這假設您正在構建一個不需要搜索引擎優化功能的應用程序。