HTML unterstützt keine in HTML -Seiten eingebetteten HTML -Seiten. Implementieren Sie diese Funktion mit den folgenden Methoden:
1. Verwenden Sie AJAX - Lassen Sie einen Server aufrufen, um die entsprechende HTML -Seite zu erhalten, und setzen Sie sie auf die Innerhtml des HTML -Steuerelements.
2. Verwenden Sie serverseitige Servertechnologien wie JSP und PHP, um HTML-Seiten in dynamischen Seiten zu enthalten.
Mit AngularJS können wir die NG-include-Direktive verwenden, um eine weitere HTML-Seite in eine HTML-Seite einzubetten.
<div ng-app = "" ng-controller = "studentController"> <div ng-include = "'main.html'"> </div> <div ng-include = "'Subjekts.html'"> </div>
Beispiel
tryangularjs.html
<html> <Head> <titels> Angular JS enthält </title> <style> Tabelle, td, td {Border: 1px solide grau; Grenzkollapse: Zusammenbruch; Padding: 5px;} Tabelle Tr: N-te-child (ungerade) {Hintergrundfarbe: #f2f2f2;} Tabelle Tr: N-Child (sogar) {Hintergrundfarbe: #FFFFFF; ng-include="'main.html'"></div><div ng-include="'subjects.html'"></div></div><script>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; }};} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>main.html
<table> <tr> <td> Erster Name eingeben: </td> <td> <Eingabe type = "text" ng-model = "student.firstname"> </td> </tr> <tr> <tr> <td> Geben Sie den Nachnamen ein: </td> <td> <Eingabe type = "text" ng-model </td> <td> {{student.fullname ()}} </td> </tr> </table>Subjekte.html
<p> Themen: </p> <tabelle> <tr> <Th> Name </th> <Th> Marks </th> </tr> <tr ng-repeat = "Betreff in student.subjects"> <td> {{{Subjekt.name}}Ausgabe
Um dieses Beispiel auszuführen, müssen Sie textangularJs.html, main.html und Themen.html auf einem Webserver bereitstellen. Öffnen Sie TextangularJs.html in einem Webbrowser mit der Server -URL. Siehe die Ergebnisse.
Die oben genannten sind die in AngularJS enthaltenen Informationen. Wir werden in Zukunft weiterhin relevantes Wissen organisieren. Vielen Dank für Ihre Unterstützung für diese Seite!