如何繼承頁面外觀？

我在我的網站上有幾頁。我有一個適合我網站的框架：頂部，底部和一般CSS對於所有頁面都是一樣的。在所有頁面之間共享框架的便捷方式是什麼，以便它們看起來都一樣。如何繼承頁面外觀？

來源

2014-07-08 jivangilad

是否使用'NG-視圖app.js '？ – Beterraba

我可以使用它。所以這是我所推薦的方式？ – jivangilad

這是「角度的方式」。正如你使用的是angularjs（假設你的問題標籤），你應該去做。 – Beterraba

AngularJS方式實現這個是通過使用ng-view和路由。

爲此，您必須包含angular-route文件並在您的應用程序中注入ngRoute。按照例如：

的index.html

<!DOCTYPE html> 
<html ata-ng-app="myApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>My App</title> 
</head> 
<body> 
    <header><h1> Header for all pages </h1></header> 

    <div data-ng-view></div> <!-- your files will be rendered here --> 

    <footer>...</footer> 

    <script src="path/to/angular.min.js"></script> 
    <script src="path/to/angular-route.min.js"></script> 
    <script src="path/to/app.js"></script> 
</body> 
</html>

angular.module('myApp', ['ngRoute']) 
    .controller('PageCtrl', ['$scope', function($scope) { 
    $scope.title = "The Title"; 
    }]) 
    .config(['$routeProvider', function ($routeProvider) { 
    $routeProvider. 
     when("/", { 
     templateUrl: "path/to/page.html", 
     controller: "PageCtrl" 
     }). 
    }]);

page.html中

<h3> {{ scope.title }} </h3>

來源

2014-07-08 13:13:04 Beterraba

如何繼承頁面外觀？

回答

相關問題