如何解决Webpack:对ng-include使用require
您可以在npm上使用webpack-required-loader。
在您的应用js或模块js中添加注释:
//@require "./**/*.html"
在模板中,您可以使用
<div ng-include="'my-template.html'"></div>
Ngtemplate可以正常工作。Ng缓存也可以。
另请注意,ng-include
指令中不需要相对路径,因为可以通过//@require
在条目文件的开头添加命令来解决该相对路径。
最后,请注意,必须使用双引号和单引号使ng-include起作用。所以你会这么做"'template-name.html'"
,不会"template-
name.html"
或'template-name.html'
。
解决方法
我是webpack的新手,现在我在我的一个有角度的项目中第一次使用它。
我想在我的html文件中使用require函数,以便为ng-include要求模板,如下所示:
<div ng-include="require(./my-template.html)"></div>
我知道有像ng-
cache和ngtemplate这样的加载器,但它们无法按我需要的方式工作。对于它们,我必须先在js中要求模板,然后再在html文件中使用模板名称。
如何做到这一点?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。