2017-06-22 71 views
0

后来,我在Javascript中创建了一个使用HTML canvas元素渲染图像的游戏。我现在有一个用Angular 2开发的个人网站,并且想知道将我的游戏嵌入到我的网站中的正确方法是什么。根据我的理解,我必须将Javascript从我的游戏放入它自己的文件中,因为Angular 2会从HTML中删除脚本标记(所以我不能直接将游戏放在.html文件中)。因此,对于.js文件中的游戏逻辑以及与组件关联的文件中的HTML元素,我应该如何将两者连接起来?在Angular 2中包含上一个项目网站

回答

0

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

0

你可以有每个视图一个脚本加载并打算页面时再次

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); 
} 

希望它可以帮助这将重新加载。