HTML은 HTML 페이지에 포함 된 HTML 페이지를 지원하지 않습니다. 다음 방법을 사용 하여이 기능을 구현하십시오.
1. Ajax를 사용합니다 - 서버 호출을 통해 해당 HTML 페이지를 가져 와서 HTML 컨트롤의 내부 html로 설정하십시오.
2. 동적 페이지에 HTML 페이지를 포함시키기 위해 JSP, PHP와 같은 서버 측 서버 기술을 사용하십시오.
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> 테이블, TH, TD {테두리 : 1px Solid Grey; 국경-콜라스 : 붕괴; 패딩 : 5px;} 테이블 tr : nth-Child (홀수) {배경 색 : #f2f2f2;} 테이블 tr : nth-Child (짝) {배경 색상 : #ffffff;} </style> </head> <hoad> <h2> angularjs 샘플 응용 프로그램 </h2> <div ng-app = ""ng-controller ""ng-controller "> 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:[ {이름 : '물리학', 마크 : 70}, {이름 : '화학', 마크 : 80}, {name : 'math', marks : 65}, {name : 'earl StudentObject = $ scope.student; return studentObject.firstName + "" + windentObject.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> 이름을 입력합니다 : </td> <td> <input type = "text"ng-model = "withy.firstname"> </td> </tr> <tr> <td> 성을 입력합니다 : </td> <td> <td> <td> <td> <td> <td> <td> <td> </td> <td> {{whening.fullname ()}} </td> </tr> </table>주제 .html
<p> 주제 : </p> <table> <tr> <th> name </th> <th> Marks </th> </tr> <tr ng-repeat = "student.subjects"> <td> {{subject.name}} </td> <td> {groud.marks}} </td> </td> </td> </td> </td> </td>산출
이 예제를 실행하려면 TextAngularjs.html, main.html 및 istods.html을 웹 서버에 배포해야합니다. 서버 URL을 사용하여 웹 브라우저에서 Open TextAngularjs.html. 결과를 참조하십시오.
위는 AngularJS에 포함 된 정보입니다. 우리는 미래에 관련 지식을 계속 조직 할 것입니다. 이 사이트를 지원 해주셔서 감사합니다!