HTML tidak mendukung halaman HTML yang tertanam di halaman HTML. Menerapkan fungsi ini dengan menggunakan metode berikut:
1. Gunakan Ajax - Biarkan server menelepon untuk mendapatkan halaman HTML yang sesuai dan mengaturnya ke bagian dalam HTML Control.
2. Gunakan teknologi server sisi server seperti JSP, PHP untuk memasukkan halaman HTML di halaman dinamis.
Menggunakan AngularJS, kita dapat menggunakan arahan NG-termasuk untuk menanamkan halaman HTML lain dalam satu halaman HTML.
<div ng-app = "" ng-controller = "studentController"> <div ng-include = "'main.html'"> </div> <div ng-include = "'' html '"> </div>
contoh
tryangularjs.html
<html> <head> <title> Angular JS Termasuk </title> <tyle> tabel, th, td {border: 1px solid grey; Border-Collapse: runtuh; Padding: 5px;} Tabel tr: nth-child (ganjil) {latar belakang-color: #f2f2f2;} tabel tr: nth-child (even) {latar belakang-color: #ffffff;} </tyle> </head> <ht body> <h2> Aplikasi sampel suding </h2> <v ng-ng-app = "" "g-ctron = "" mg = "" mg = " 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 () {) studentObject = $ scope.student; return studentObject.firstName + "" + studentObject.lastname; }};} </script> <skrip src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>Main.html
<able> <tr> <td> Masukkan nama depan: </td> <td> <input type = "text" ng-model = "student.firstname"> </td> </tr> <tr> <td> Masukkan nama belakang: </td> <t/TD </TRY = "TEXT" TEXT "NG-MODEL =" Student. " </td> <td> {{student.fullname ()}} </td> </tr> </boable>subjek.html
<p> Subjek: </p> <able> <tr> <t th> nama </th> <th> Marks </th> </tr> <tr ng-repeat = "Subjek di Student.subjects"> <td> {{Subject.name}} </td> <td> {{{{{Subject.name}} </td> <td> </td </td </td </tdr> </tdr> {{{Subject.marks} </td> <td> </td </tdr>Keluaran
Untuk menjalankan contoh ini, Anda perlu menggunakan TextAngularJs.html, Main.html dan Subjects.html ke server web. Buka TextAngularJs.html di browser web menggunakan URL server. Lihat hasilnya.
Di atas adalah informasi yang termasuk dalam AngularJS. Kami akan terus mengatur pengetahuan yang relevan di masa depan. Terima kasih atas dukungan Anda untuk situs ini!