Foundation functoinが実行されたかどうかを検出します

Question

私はAngular4アプリケーションでZurb Foundationフレームワークを使用しています。私はいくつかのコンポーネントに（ドロップダウンメニュー、アコーディオン、などのような）それの異なる要素を使用して、私は次のように、私は警告の多くを得るのアプリを実行するたび：財団のいずれかを使用する各コンポーネントに

foundation.min.js:3 Tried to initialize responsive-toggle on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize accordion on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize dropdown-menu on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize responsive-toggle on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize sticky on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize accordion on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize dropdown-menu on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize responsive-toggle on an element that already has a Foundation plugin. 
foundation.min.js:3 Tried to initialize sticky on an element that already has a Foundation plugin. 

Javscriptを必要とする要素が、私はこれを実行します。

ngOnInit() { 
    // We initalize Foundation framework once the component has loaded 
    $(document).foundation(); 
} 

私はメインのアプリのコンポーネントに一度だけ、それを実行しようとしたが、すべてが動作を停止します。

この警告を表示しない方法があるか、Foundationに既に読み込まれていることを検出させる方法があるかどうかを知りたいと思います。

ありがとうございます！

Answer 1

私は右の私の目の前に答えを持っていた：

変更$(document).foundation();

$("NEW_FOUNDATION_ELEMENT_SELECTOR").foundation();への新しい財団コントロールを使用する各コンポーネントに。

ので、例えば、ngOnInitのコードがある財団アコーディオンを使用して角度成分に：

ngOnInit() { 
    [...] 

    $(".accordion").foundation(); 
} 

すべてのコンポーネントにこれを行うと警告が消えました。