如何加載頁眉和頁腳之間的HTML

我有很多html的每個都有其獨立的狀態&控制器，並根據調用狀態加載。我使用ng-include標籤包含在所有HTML中的頁眉和頁腳。除此之外是否還有其他更好的方法可以將頁腳&作爲內容頁面加載並在它們之間加載頁面，而不是使用ng-include將它們包含在所有頁面中。如何加載頁眉和頁腳之間的HTML

來源

2017-09-28 Prem Mannava

用於什麼？一旦他們加載一次，如果他們來自每個頁面中的相同文件，他們應該保存在用戶的計算機中，所以你不應該擔心它 –

是的你是正確的，但目的是爲什麼不必要地加載所有這些頁面比只加載需要的HTML –

如果你使用角度，爲什麼你不使用路由？ – mast3rd3mon

可以使用NG-包括例如：

<div ng-include="'header.php'" class="navbar-fixed-top"></div> 
<div ui-view></div> 
<div ng-include="'footer.php'" class="navbar-fixed-top"></div>

來源

2017-09-28 09:52:37

index.html中只放置烏爾的.js，.css文件，並添加在body標籤

<!DOCTYPE html> 
<head> 
    //css files 
</head> 
<body ng-app="" ng-controller=""> 
    <ui-view></ui-view> 
//script files 
</body> 
</html>

現在單獨烏爾導航欄和頁腳在單獨的nav.html和footer.html中，並且還保留一個js文件並添加

angular.module('app') 
     .component('app', { 
      template: 
      '<navigation></navigation>'+ 
       '<ui-view></ui-view>' + 
      '<footer></footer>' 
     });

其中導航是navigat離子成分名稱

angular 
     .module('app') 
     .component('navigation', { 
      templateUrl: 'app/common/nav/nav.html', 
      controller: NavController 
     });

同樣頁腳頁腳部分name.In以同樣的方式ü可以爲所有控制器

angular 
     .module('app') 
     .component('home', { 
      templateUrl: 'app/components/home/home.html', 
      controller: homeController 
     });

通過此導航欄和頁腳做將所有頁面和唯一的用戶界面視圖共同變化。

來源

2017-09-28 10:07:52 Alexa

如何加載頁眉和頁腳之間的HTML

回答

相關問題