Angular ng-include 学习实例

大佬教程收集整理的这篇文章主要介绍了Angular ng-include 学习实例，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

ng-include可以引入外部的文件到当前视图中。这样可以增强复用性。 最简单的用法 <div ng-include src="'/public/template/tpl.html'"></div> 这样直接把tpl.html加载当前视图中了。 我们还可以使用如下定义个模板。id是模板名。如这里是"tPL/tpl1"

<script type="text/ng-template" id="tPL/tpl1">
       <p>我是模板内容</p>
</script>

这样的话可以直接使用Ng-include="'tPL/tpl1'"。来@L_673_4@这个模块。

官网文档：script

在使用时要注意的几点： 1. 引入ng-include="'tPL/tpl1'"。因为模板名是字符串，要是单引号括起来，如果写成ng-include="tPL/tpl1" 会将tPL/tpl1解析成变量，导致引入无效。 2. 使用Ng-include src="'url'" src属性中的地址不能跨域。ng默认只能是同一域名和http协议下的文件才能成功引入。这里涉及到跨域就不讨论了。

See the Pen Angular ng-include学习 by finley (@mafeifan ) on CodePen.

大佬总结

以上是大佬教程为你收集整理的Angular ng-include 学习实例全部内容，希望文章能够帮你解决Angular ng-include 学习实例所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。