html不支持嵌入在html頁面中的html頁面。實現這一功能通過使用以下方式：

使用ajax - 讓一臺服務器來調用獲取相應的html頁面，并將其設置在html控件的innerhtml。

使用服務器端包含 - jsp，php等web端服務器技術可以在包括動態頁面中的html頁面。

使用angularjs，我們可以用ng-include指令在一個html頁面嵌入另一個html頁面。

例子tryangularjs.html

angular js includes

table, th , td {

border: 1px solid grey;

border-collapse: collapse;

padding: 5px;

}

table tr:nth-child(odd) {

background-color: #f2f2f2;

}

table tr:nth-child(even) {

background-color: #ffffff;

}

angularjs sample application

function studentcontroller($scope) {

$scope.student = {

firstname: "mahesh",

lastname: "parashar",

fees:500,

subjects:[

{name:'physics',marks:70},

{name:'chemistry',marks:80},

{name:'math',marks:65},

{name:'english',marks:75},

{name:'hindi',marks:67}

],

fullname: function() {

var studentobject;

studentobject = $scope.student;

return studentobject.firstname + " " + studentobject.lastname;

}

};

}

main.html

enter first name:
enter last name:
name:	{{student.fullname()}}

subjects.html

subjects:

namemarks

{{ subject.name }}	{{ subject.marks }}

輸出

要運行這個例子，需要部署textangularjs.html，main.html和subjects.html 到一個網絡服務器。使用服務器url在web瀏覽器中打開textangularjs.html。看到結果。

總結

以上是生活随笔為你收集整理的angular html页面嵌套,使用AngularJS来实现HTML页面嵌套的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。