サードパーティーカレンダーに追加ドロップダウンは子ページに表示されません

Question

「イベントに追加」ボタンがあり、ドロップダウンでいくつかのオプションが表示されます。このため、私はAddEvent.com

のページで完全にうまく動作しますが、問題はJavaScriptが子ページに到達できないことです。

は

ガイドでは、次に、あなたはちょうど私のように今、次の

<div title="Add to Calendar" class="addeventatc"> 
    Add to Calendar 
    <span class="start">12/29/2016 09:00 AM</span> 
    <span class="end">12/29/2016 11:00 AM</span> 
    <span class="timezone">Europe/Amsterdam</span> 
    <span class="title">Summary of the event</span> 
    <span class="description">Description of the event<br>Example of a new line</span> 
    <span class="location">Location of the event</span> 
    <span class="organizer">Organizer</span> 
    <span class="all_day_event">false</span> 
    <span class="date_format">MM/DD/YYYY</span> 
</div> 

のように見えるdivを置くhead

<script type="text/javascript" src="https://addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script> 

にこのスクリプトを追加すると言う（あるいは少なくともそれはそう思えます）言った、これはindex.htmlで動作しますが、（fe）page1.htmlでは動作しません。問題は第三者のJavaScriptファイル内にあると思っていましたが、そのURLを入力すると表示されるファイルを理解できません。 （ "https://addevent.com/libs/atc/1.6.1/atc.min.js"）

Plunker私の問題を実証する：AddEvent-ng2-Plunker

Answer 1

は、彼らが、これは多くの疑問を持っているが判明。 smnbbrvと同じように、scriptは1度だけ挿入されますが、再読み込みは行われません。したがって、新しいページが読み込まれると、スクリプトは実行されません。この方法では、divはjavascriptで決して見られません。

この作品を作るために、私は変数declare const addeventatc:any;

を定義して、ただ単に、私はそれを使用するページのconstructor/ngOnInitでaddeventatc.refresh();を呼んでくださいました。

（あなたがSubscribe to Calendar代わりのAdd to Calendarを持っている場合は、addeventstc代わりのaddeventsatcが必要になります）。