簡単な外部のjavascriptコードからAngularJS 1.6コンポーネント関数へのアクセス

私はAngularJS 1.6アプリケーションのコンポーネントで定義された関数を呼び出す必要がありますが、これは角度アプリの外で単純なJavaScriptコードで行う必要があります。これどうやってするの？簡単な外部のjavascriptコードからAngularJS 1.6コンポーネント関数へのアクセス

出典

2017-04-20 gof

を見ますあなたが何かを素早く汚れてテストしたいのであれば、おそらくそれを試すことができます。 – Gaurav

ありがとう@Gaurav、これを行う私の主なポイントはbeacuseです。私はこのコンポーネントを外部のブートストラップモーダルに埋め込みたいので、このモーダルを閉じて他のアクションを行うためにコンポーネントのボタンを押す必要があります。あなたが私にこれをより良いやり方でやる方法に関するいくつかのヒントを与えることができれば、私はこれを感謝します。 – gof

だから、なぜブートストラップモーダルを覆うか、角張ったブートストラップをうまく使う指示を作らないでください。これが役立つかもしれないhttps://angular-ui.github.io/bootstrap/#modal – Gaurav

-1

標準イベントブロードキャストを使用すると役立ちます。あなたのコンポーネントの内部

：他

document.addEventListener('trigger-my-method',() => myMethod());

どこか：

let myEvt = new Event('trigger-my-method'); document.dispatchEvent(myEvt)

編集：私はこのソリューションをテストしていないよ、と私は角度を深くないんだけど、それは動作するはずです

出典

2017-04-20 15:25:30

答えてくれてありがとう、私はあなたが私に言う方法を理解していない。次のコードの例を教えてください。これは私のコンポーネントです： – gof

@gofこれのようなものです：https://codepen.io/bajzarpa/pen/zwqoOQ –

ありがとう、@ArpadBajzath、私はそれを試してみます。 – gof

あなたが何かを迅速かつ汚れをテストしたい場合は、 nctionを用いて開発者コンソールからアクセスすることができる：$0をright click -> Inspectを使用して、またはデベロッパーコンソールの要素ウィンドウの要素をクリックしてコンポーネントを選択することによって設定される

scope = angular.element($0).isolateScope(); 
scope.$ctrl.myFunction();

。詳細については

、私はつもりはない尋ねるなぜあなたはこれを行うたいだろうと@ArpadBajzathが提供する答えは、それが動作するように思えるが、最終的には、あなたやメンテナをかむ本当に悪い習慣です。AngularJS angular.element API Reference - jQuery/jqLite Extras

出典

2017-04-20 20:18:58 georgeawg

簡単な外部のjavascriptコードからAngularJS 1.6コンポーネント関数へのアクセス

答えて

関連する問題