外部のJSファイルをIonic 3でインポートするにはどうすればいいですか

Question

外部のjsファイルをIonic 3に追加する際に問題があります。hamburg.jsファイルをsrc/js/hamburg.jsに作成し、インデックスにスクリプトファイルを呼び出しました。 htmlのapp/index.htmlそして、testpage.hmtlにhtmlコードを追加し、testpage.scssにCSSを追加しました。 app.component.tsでも宣言されています。ここに私のコードです

app.component.ts 宣言var wrapperMenu;

hamburg.js

var wrapperMenu = document.querySelector('.wrapper-menu'); 

wrapperMenu.addEventListener('click', function(){ 


wrapperMenu.classList.toggle('open'); 
}) 

index.htmlを

<script src="assets/js/hamburg.js"></script> 

TestPage.htmlを

は、誰かが私にしてください導くことはできますか？

Answer 1

外部のjsファイルは必要ありませんが、このプラグインは主にCSSで再生されます。

このスニペット

var wrapperMenu = document.querySelector('.wrapper-menu'); 
wrapperMenu.addEventListener('click', function(){ 
wrapperMenu.classList.toggle('open'); 
}) 

はapp.component.tsファイルにパットすることができます。またはヘッダのための別のコンポーネントを持っている場合は、具体的にはngOnInit()フックにそのTSファイルにコードを入れる方が良いでしょう。

編集コンポーネントlife-cycleで最高のフックがngAfterViewInit()フックにこのコードを置くことです。

編集2：もう一つの良い方法は、メニューが開かれ、あなたが私のフォークの例をご確認くださいmenu-content-open

に.openからあなたのCSSコードでセレクタを変更することができたときに自動的に追加された定義済みのクラスmenu-content-openを使用することです元のものからhere。
イオンアプリにコードを追加すると、コードは完全に機能します。