在Angular模板中包含脚本的最佳实践?

_

我有一个带有几个选项卡的Angular SPA,这些选项卡由模板提供。这些选项卡中的每个选项卡都需要不同的脚本(本地和CDN),因此我只想在需要时加载脚本,即,我需要将它们包括在模板(或关联的控制器)本身中。

到目前为止,我已经尝试过这种方法:

// Start template
<data-ng-include src="http://maps.googleapis.com/maps/api/js"></data-ng-include>
// Rest of stuff
// End template

这似乎不起作用。是的,我在标题中包含了jQuery。最好的方法是什么?似乎在模板中包含脚本应该更简单。

Amreesh柳木

您可以使用任何惰性加载器(按需加载器)库,例如requireJS,ocLazyLoad

我已经在我们的一个企业应用程序中成功实现了ocLazyLoad,因为如果您正在开发模块化单页应用程序,它可以提供许多有用的功能:

  • 易于实现。您可以在应用程序中的任何地方延迟加载任何资源
  • 依赖项会自动加载
  • 调试器友好(无评估代码)
  • 可以加载任何客户端资源,例如js / css / json / html
  • 兼容AngularJS 1.2.x / 1.3.x / 1.4.x
  • 您还可以在服务,工厂,指令中加载任何资源。看例子
  • 如果使用ui.router库进行路由,请在执行任何状态之前解析所有资源。看例子
  • 您还可以在任何模块的.config()中延迟加载资源。看例子
  • 它还为您提供了记录模块加载事件的功能。

所有参考均来自ocLazyLoad的官方网站

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Angular组件模板和类中处理字符串文字的最佳实践

来自分类Dev

重复Angular中的包含操作-访问当前项目的最佳实践?

来自分类Dev

BASH脚本最佳实践

来自分类Dev

最佳实践,包括Grails中的Angular UI

来自分类Dev

在Angular 2中过滤数组的最佳实践

来自分类Dev

Jinja2模板中嵌套菜单的最佳实践

来自分类Dev

流星布局模板的最佳实践?

来自分类Dev

AngularJS最佳实践-模板与Javascript

来自分类Dev

流星布局模板的最佳实践?

来自分类Dev

关于在等值实施中包含域模型的ID的最佳实践

来自分类Dev

实体框架中多个“包含”的最佳实践是什么?

来自分类Dev

autoconf:在`configure.ac`中包含`libftdi`的最佳实践

来自分类Dev

在Rails中运行数据修复/操作脚本的最佳实践

来自分类Dev

从python脚本在/ var / log中写入日志的最佳实践?

来自分类Dev

在Rails中运行数据修复/操作脚本的最佳实践

来自分类Dev

Ruby包含对象的最佳实践

来自分类Dev

将密码(包含特殊字符,如$!@`')读入Bash脚本的最佳实践

来自分类Dev

Angular最佳实践:在工厂还是在控制器中承诺?

来自分类Dev

在Angular中测试e2e,最佳实践

来自分类Dev

Angular最佳实践:在工厂还是在控制者中承诺?

来自分类Dev

在模板外部动态渲染元素的最佳实践

来自分类Dev

测试python包bin脚本最佳实践

来自分类Dev

MSBuild脚本默认属性最佳实践说明

来自分类Dev

jQuery / Ajax加载脚本-最佳实践

来自分类Dev

在bash脚本中使用sudo的最佳实践

来自分类Dev

Systemd脚本的最佳实践文件夹

来自分类Dev

在bash脚本中使用sudo的最佳实践

来自分类Dev

创建自定义脚本的最佳实践

来自分类Dev

systemd 脚本的最佳实践文件夹

Related 相关文章

热门标签

归档