HTML no admite páginas HTML integradas en páginas HTML. Implemente esta función utilizando los siguientes métodos:
1.Use AJAX: deje que un servidor llame para obtener la página HTML correspondiente y configúrela en el InnerHTML del control HTML.
2. Use tecnologías del servidor del lado del servidor como JSP, PHP para incluir páginas HTML en páginas dinámicas.
Usando AngularJS, podemos usar la Directiva Ng-Include para incrustar otra página HTML en una página HTML.
<div ng-app = "" ng-concontroller = "studentController"> <div ng -include = "'main.html'"> </div> <div ng -include = "'temass.html'"> </div>
ejemplo
tryangularjs.html
<html> <cead> <title> Angular JS incluye </title> <style> Table, th, td {border: 1px sólido gris; Colapso de borde: colapso; padding: 5px;}table tr:nth-child(odd) { background-color: #f2f2f2;}table tr:nth-child(even) { background-color: #ffffff;}</style></head><body><h2>AngularJS Sample Application</h2><div ng-app="" ng-controller="studentController"><div nginclude = "'main.html'"> </div> <div nginclude = "'temass.html'"> </div> </div> <script> function studentController ($ scope) {$ scope.student = {firstName: "Mahesh", LastName: "Parashar", Fees: 500, Sujetos: [[[[ {nombre: 'física', marcas: 70}, {nombre: 'química', marcas: 80}, {nombre: 'matemáticas', marcas: 65}, {nombre: 'inglés', marcas: 75}, {nombre: 'hindi', marcas: 67}], fullName: function () {var studentObject; studentObject = $ scope.student; return studentObject.FirstName + "" + stententObject.lastName; }};} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>main.html
<Able> <tr> <TD> Ingrese el nombre del primer: </td> <td> <input type = "text" ng-model = "student.firstname"> </td> </tr> <tr> <tr> <td> Ingrese el apellido: </td> <td> <input type = "text" ng-model = "student.lastName"> </td> </aT> <tr> </td> <td> {{student.fullName ()}} </td> </tr> </table>temas.html
<p> Sujetos: </p> <topla> <tr> <th> name </th> <th> Marks </th> </tr> <tr ng-depheat = "asunto en student.subjects"> <td> {{saters.name}} </td> <td> {{subj.Producción
Para ejecutar este ejemplo, debe implementar textangularjs.html, main.html y temas.html a un servidor web. Abra textangularjs.html en un navegador web utilizando la URL del servidor. Ver los resultados.
Lo anterior es la información incluida en AngularJS. Continuaremos organizando el conocimiento relevante en el futuro. ¡Gracias por su apoyo para este sitio!