JS库在Angular的延迟加载子组件中不可用

时间:2019-01-07 17:13:08

标签: javascript html angular

我正在尝试将我的应用程序转换为延迟加载的应用程序。

我有一个父模块Home,它调用子模块Voyage

我正在使用包含组件逻辑并加载到Angular.json文件中的本地compagny js文件

Angular.json

"scripts": [
  "src/app/vendor/library.js",
  ...
]

Home不是延迟加载,而是Voyage是。

当我在Home组件中运行html代码时,它可以工作。当我单击按钮时,屏幕上会弹出一个日历弹出窗口。

enter image description here

我的问题是当我在Voyage组件中打印相同的代码时。当我单击(没有日历弹出窗口)时,仅打印html代码,但没有触发任何交互,这就像应用程序找不到外部js文件一样。

期望:我希望日历弹出窗口也显示在子组件中

将完整的外部js库导入Angular.json文件中时,仅在父模块中可用吗?我应该将其导入每个延迟加载的模块中吗?

0 个答案:

没有答案