AngularJS基础 ng-include 指令简单示例

(编辑：jimmy 日期: 2025/7/5 浏览：3 次 )

AngularJS ng-include 指令

AngularJS 实例

包含 HTML 文件:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="/UploadFiles/2021-04-02/angular.min.js">

运行结果：

myFile.htm 文件标题

这个文本来自被包含的文件 myFile.htm!

定义和用法

ng-include 指令用于包含外部的 HTML 文件。

包含的内容将作为指定元素的子节点。

ng-include 属性的值可以是一个表达式，返回一个文件名。

默认情况下，包含的文件需要包含在同一个域名下。

语法

ng-include 指令作为元素使用:

<ng-include src="/UploadFiles/2021-04-02/filename">

所有的 HTML 元素都支持该指令。

参数值

值描述 filename 文件名，可以使用表达式来返回文件名。 onload 可选，文件载入后执行的表达式。 autoscroll 可选，包含的部分是否在指定视图上可滚动。

以上就是对AngularJS ng-include指令的知识整理，后续继续补充。