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

网络编程 2024/11/13 佚名

3 2 1

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指令的知识整理，后续继续补充。

标签：

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

暂无“AngularJS基础 ng-include 指令简单示例”评论...