2017-05-15 16 views
2

Angularについてこれまでに学んだことのすべては、ではなくで、DOMを直接操作することを教えてくれます。 AngularアプリケーションでTinyMCE as described hereのような外部JavaScriptコンポーネントを使用するのは安全ですか?もしそうなら、誰かが理由を説明してもらえますか?私はこのトピックを調査するように求められてきましたが、これまで「DOMに触れないでください」以外のものを見つけることはできませんでした。AngularアプリケーションでJavaScriptコンポーネント/プラグインを使用

答えて

0

直接的なDOM操作に依存するjavascriptライブラリを含める場合は、コンポーネントまたはディレクティブ内でカプセル化できます。 DOMのこの部分を望みどおりに変更することができます。

サードパーティのライブラリのセットアップとティアダウンを実行するために、さまざまな角度コンポーネントのライフサイクルフックを使用できます。

第三者のライブラリに関連するデータは、@Input()パラメータで渡すことができます。

ライブラリにデータを引き続き渡す必要がある場合は、関連する状態のストリームを表すObservableを渡すことができます。

第三者コンポーネントは、1つまたは複数のEventEmitters(@Output())を介してAngularワールドと通信できます。

DOMの他の部分がライブラリによって操作されると、操作が煩雑になります。


編集:応答のためのhttp://embed.plnkr.co/qGyQWUz16Z2PY1kFUXyt/

+0

感謝を:このplunkerをチェックアウト、角度でSplit.jsライブラリを使用する方法の例については

。したがって、機能がエディタなどの特定のプラグインに限定されている場合、それは「安全」ですか? Angularアプリのより基本的な要素である選択メニューやサイズ変更可能な分割パネルなど、他のカスタムJSライブラリを使用したい場合はどうすればよいですか? –

+0

分割されたパネルライブラリをAngularで使用する方法を示すために、プランカーを追加しました。たとえば、内部にサードパーティの機能を追加することができます。パネルは何の問題もない。子供が親コンテナを変更し始めるときだけ、物事が乱雑になることがあります。 – fourcube

+0

素晴らしい!ご協力いただきありがとうございます。 –

関連する問題