这篇文章主要介绍了使用AngularJS来实现HTML页面嵌套的方法,主要用到了AngularJS中的ng-include指令,需要的朋友可以参考下
HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式：
- 使用Ajax - 让一台服务器来调用获取相应的HTML页面，并将其设置在HTML控件的innerHTML。
- 使用服务器端包含 - JSP，PHP等Web端服务器技术可以在包括动态页面中的HTML页面。
使用AngularJS，我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。
例子
tryAngularJS.html
Angular JS Includes AngularJS Sample Application
main.html
| Enter first name: | |
| Enter last name: | |
| Name: | {{student.fullName()}} |
subjects.html
Subjects:
| Name | Marks |
|---|---|
| {{ subject.name }} | {{ subject.marks }} |
输出
要运行这个例子，需要部署textAngularJS.html，main.html和subjects.html 到一个网络服务器。使用服务器URL在Web浏览器中打开textAngularJS.html。看到结果。
以上就是使用AngularJS来实现HTML页面嵌套的方法的详细内容，更多请关注易知道|edz.cc其它相关文章！
