无法将外部js文件放入angular2

时间:2018-01-04 04:15:56

标签: html typescript angular2-routing

您好我已经开始研究angular2了。我遇到了一个场景,我必须在我的angular2应用程序中放置外部javascript文件。我试过如下。 起初我创建了 testjs.js 文件,并添加了以下代码

function test() {
    alert('TestingFunction')
}

然后在 index.html 中引用如下。

 <script src="~/ClientApp/Assets/testjs.js"></script>

然后我有 fetchdata.component.js 文件。我在下面添加了代码。

declare var test: any;
 f() {
        new test();
    }

最后在 fetchdata.component.html 中添加了以下代码。

<h1>
    <button (click)='f()'>Test</button>
</h1>

单击按钮时,它会在浏览器中提示以下错误。

FetchDataComponent.html:26 ERROR ReferenceError: test is not defined
    at FetchDataComponent.f (fetchdata.component.ts:15)

有人可以在这个问题上帮助我吗?任何帮助,将不胜感激。谢谢!

0 个答案:

没有答案