在Angular 2网站中包含以前的项目

Question

前段时间，我在Javascript中创建了一个使用HTML canvas元素渲染图像的游戏。我现在有一个用Angular 2开发的个人网站，并想知道在我的网站上嵌入我的游戏的正确方法是什么。根据我的理解，我必须将我的游戏中的Javascript放在自己的文件中，因为Angular 2会从HTML中删除脚本标记（所以我不能将游戏直接放在.html文件中）。因此，对于.js文件中的游戏逻辑和与组件关联的文件中的HTML元素，我应该如何将两者链接在一起？

Answer 1

您可以在index.html中包含脚本，以便Angular不会触及它。如果需要引用TypeScript代码中的任何全局注入对象，可以添加“declare var [variableName]：any”。您可以获得更多信息here。

Answer 2

你可以为每个视图加载一个脚本，这将在再次翻页时重新加载

constructor() {
  document.getElementById("testScript").remove();
  var testScript = document.createElement("script");
  testScript.setAttribute("id", "testScript");
  testScript.setAttribute("src", "assets/js/test.js");
  document.body.appendChild(testScript);
}

希望它有所帮助。