博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS快速入门指南17:Includes
阅读量:5743 次
发布时间:2019-06-18

本文共 1182 字,大约阅读时间需要 3 分钟。

使用AngularJS,你可以在HTML中包含其它的HTML文件。


在HTML中包含其它HTML文件?

  当前的HTML文档还不支持该功能。不过在后续的HTML版本中增加HTML imports功能,以支持在HTML中包含其它的HTML文件。


在服务端包含文件

  大部分的web服务器都支持服务端包含文件(Server Side Includes)。通过使用SSI,你可以在页面被发送到客户端浏览器之前将HTML文件包含到一段HTML文档中。例如下面的这行PHP代码:


在客户端包含文件

  通过JavaScript,我们可以有许多的方法将HTML文件加入到HTML文档中。

  最通用的做法莫过于使用Ajax,即通过异步http请求从服务端获取数据,然后动态将内容以innerHTML的形式输出到HTML元素中。


在AngularJS中包含文件

  在AngularJS中,你可以使用ng-include指令将HTML文件加入到HTML文档中:

  下面是完成上述页面的三个步骤。


第一步:创建myUsers_List.htm文件

Users

Edit First Name Last Name
{
{ user.fName }}
{
{ user.lName }}

第二步:创建myUsers_Form.htm文件


Create New User:

Edit User:



第三步:创建主页面文件

http://www.cnblogs.com/jaxu/p/4507300.html
你可能感兴趣的文章
监控主机网卡流量
查看>>
ceph的pg分布
查看>>
how to set yum proxy server
查看>>
Linux Bash脚本练习2
查看>>
李彦宏:百度需要从这七点开始改变!
查看>>
关于QTableWidgetItem::setItemPrototype的理解
查看>>
IOS 手势之左右滑动
查看>>
Redis实现分布式锁的几种方案
查看>>
一文详解Linux系统常用监控工具
查看>>
我的友情链接
查看>>
Window上python开发--4.Django的用户登录模块User
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
Linux实用逻辑卷之建立LVM
查看>>
我的友情链接
查看>>
无法录制下拉菜单的解决方法
查看>>
Liunx下搭建简单的DHCP服务器
查看>>
CoreImage 之 CIDetector iOS 人脸识别
查看>>
EditText插入QQ表情源码
查看>>
ASP.NET core 搭建于 Deepin 2015.4 记录
查看>>