2016-10-01 76 views
0

我是agnular2中的新成員。我用html5主題和主題有多個javascript文件。現在的問題是我試圖加載我的angular2應用程序中的文件,但它沒有正確加載。Angular2問題來加載外部javascripts

我所做的只是將腳本鏈接到我的index.html文件,並且第一次打開頁面時腳本運行良好,但是當我在我的應用程序中路由頁面時,它不會加載到應用程序中每個路由器都需要刷新頁面。

請幫忙.. !!!

+0

如果你們沒有知識,那麼至少請不要放棄投票...這對其他人也有幫助。 –

+0

對不起,但我沒有放棄投票。 – yurzui

+0

對不起,我沒有指出你..這是對選民下來 –

回答

0

這是因爲你的JS文件是在組件生成之前加載的。嘗試這樣的: 在你的js文件中使用構造函數fn。 /**/ app.js

function callSomething(){ 
    console.log('something has been called.'); 
} 

/*在component.ts */

declare var callSomething: any; //declare this at top; 

現在你可以調用它的任何方法中: 新callSomething();

+0

謝謝,但不工作.. !!! –

+0

以上soln。爲我工作。你在使用ng-cli嗎? – Manish

+0

不,我正在使用npm啓動並運行構建來運行我的應用程序 –

0

我認爲你需要初始化它在你的view.I做了這樣的事情:

在app.js(我已經包含在我的index.html)

function scrollToId(id){ 
    //scroll fn 
} 

在我查看/ Component 從'@ angular/core'導入{Component,OnInit};

declare var scrollToId: any; 
@Component({}) 
export class UserDetailsComponent implements OnInit { 
    constructor(){} 
    ngOnInit() { 
    new scrollToId('registration-form'); 
    } 
} 

&它工作正常。

+0

我認爲你對我的問題不清楚 –

+0

我必須在我的angular2應用程序中使用主題javascript文件。它不是任何特定的功能 –

+0

唯一我想指出的是,你需要在視圖上觸發該功能。按照我的說法,當你必須在動態生成的元素上綁定事件時,情況也是如此,當組件被渲染或渲染時,我正在觸發它。 – Manish