HTML ne prend pas en charge les pages HTML intégrées dans les pages HTML. Implémentez cette fonction en utilisant les méthodes suivantes:
1.Utilisez AJAX - Laissez un appel d'appel pour obtenir la page HTML correspondante et définissez-la sur l'InnerHTML du contrôle HTML.
2. Utilisez des technologies de serveur côté serveur telles que JSP, PHP pour inclure des pages HTML dans les pages dynamiques.
En utilisant AngularJS, nous pouvons utiliser la directive NG-include pour intégrer une autre page HTML dans une page HTML.
<div ng-app = "" ng-contrôleur = "StudentController"> <div ng-include = "'main.html'"> </div> <div ng-include = "'sujets.html'"> </div>
exemple
tryangularjs.html
<html> <éad- head> <itle> js angulaire inclut </title> <style> table, th, td {border: 1px gris solide; Border-Collapse: s'effondrer; padding: 5px;} table tr: nth-child (odd) {background-color: # f2f2f2;} table tr: nth-child (pair) {background-color: #ffffff;} </ style> </-head> <body> <h2> Angularjs Exemple de demande </h2> <div ng-app = "" ng-control ng-include = "'main.html'"> </ div> <div ng-include = "'sujets.html'"> </div> </div> <cript> function StudentController ($ scope) {$ scope.student = {firstname: "mahesh", lastName: "Parashar", fees: 500, sujets: [[[ {name: 'Physics', marques: 70}, {name: 'chimie', marques: 80}, {name: 'math', marks: 65}, {name: 'anglais', 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
<Bile> <Tr> <Td> Entrez le prénom: </td> <td> <entrée type = "Text" ng-model = "Student.FirstName"> </td> </pr> <tr> <td> Entrez le nom de famille: </td> <td> <entrée Type = "Text" ng-model = "Student.lastname"> </td> </td> <td> {{student.fullName ()}} </td> </tr> </s table>sujets.html
<p> Sujets: </p> <s tablel> <tr> <th> name </ th> <th> marks </th> </tr> <tr ng-repeat = "sujette dans Student.Subjects"> <td> {{suject.name}} </ td> <td> {{suject.marks}} </td> </r>Sortir
Pour exécuter cet exemple, vous devez déployer Textangularjs.html, main.html et sujets.html sur un serveur Web. Ouvrez Textangularjs.html dans un navigateur Web à l'aide de l'URL du serveur. Voir les résultats.
Ce qui précède est les informations incluses dans AngularJS. Nous continuerons d'organiser des connaissances pertinentes à l'avenir. Merci pour votre soutien à ce site!