HTML не поддерживает HTML -страницы, встроенные в HTML -страницы. Реализуйте эту функцию с помощью следующих методов:
1. Используйте Ajax - пусть сервер вызывает вызов, чтобы получить соответствующую HTML -страницу и установить ее на innerhtml управления HTML.
2. Используйте серверные технологии на стороне сервера, такие как JSP, PHP, чтобы включить HTML-страницы на динамических страницах.
Используя AngularJS, мы можем использовать директиву NG-include для внедрения еще одной HTML-страницы в одну HTML-страницу.
<div ng-app = "" ng-controller = "StudentController"> <div ng-include = "'main.html'"> </div> <div ng-include = "'subjects.html'"> </div>
пример
tryangularjs.html
<html> <Head> <Title> Angular JS включает </title> <style> Table, TH, TD {Border: 1px Solid Grey; пограничный коллапс: коллапс; Подкладка: 5px;} Таблица Tr: nth-child (ODD) {фоновое цветовое цвета: #f2f2f2;} table tr: nth-child (даже) {фоновый цвет: #ffffff;} </style> </head> <hody> <h2> angularjs. ng-include = "'main.html'"> </div> <div ng-include = "'subjects.html'"> </div> </div> <cript> function studentController ($ scope) {$ scope.student = {firstname: "mahesh", Lastnam {name: 'Physics', Marks: 70}, {name: 'Chemistry', Marks: 80}, {name: 'Math', Marks: 65}, {name: 'English', Marks: 75}, {name: 'hindi', marks: 67}], fullname: function () {var undiobjuct; StudentObject = $ scope.student; return studentObject.firstName + "" + studentObject.lastName; }};} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>Main.html
<table> <tr><td>Enter first name:</td><td><input type="text" ng-model="student.firstName"></td></tr> <tr><td>Enter last name: </td><td><input type="text" ng-model="student.lastName"></td></tr> <tr><td>Name: </td> <td> {{student.fullname ()}} </td> </tr> </table>субъект.html
<p> Субъекты: </p> <table> <tr> <th> name </th> <Th> Marks </th> </tr> <tr ng-repeat = "Субъект в studive.subjects"> <td> {{subject.name}} </td> <td> {{subject.marks}} </td> </td> <td> {{{subjВыход
Чтобы запустить этот пример, вам нужно развернуть TextangAngless.html, main.html и toots.html на веб -сервер. Откройте TextAngularJs.html в веб -браузере с помощью URL -адреса сервера. Смотрите результаты.
Выше приведено информация, включенная в AngularJS. Мы будем продолжать организовывать соответствующие знания в будущем. Спасибо за поддержку этого сайта!