Angular2 JS Library在路由

Question

我有一个关于angular2的重要问题，并将JS库与路由一起加载。基本上，在我的项目中，我想要包含一个美化button元素的JS库。但每当我使用路由浏览我的应用程序时，JS库就像没有加载一样。

示例：

https://plnkr.co/edit/FMUcwK1SHnhvhuAgQZ8G?p=preview

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
  Outside Route
</button>

按钮＆＃34; 路线外＆＃34;工作正常。 （它具有适当的行为和涟漪效应）。

按钮＆＃34; 内部路线＆＃34;工作不正常。 （没有连锁反应，只受CSS文件的影响）

你能告诉我，如何让JS库在路由中运行？

Answer 1

你需要（不知何故）有一个正确导出的脚本（即Angular会理解）并导入你的模块app.module.ts，这样角度就可以理解注入它。

我建议你使用Angular2Material，这是Material for Angular的改编。

在Getting Started页面，您将获得有关如何在Angular2中导入它的所有信息。