angularjs - Angularjs アプリで Firepad イベントをリッスンする

Question

Angularjs アプリで Firepad イベントをリッスンできるかどうか疑問に思いましたか?

Firepad の準備が整ったことを検出するための標準の js コードは次のとおりです。

firepad.on('ready', function() {
  // Firepad is ready.
});

http://www.firepad.io/docs/#apiから

しかし、Angularのコントローラー内でこれを検出するにはどうすればよいですか?

Answer 1

コントローラーで Firepad を初期化するコードは既にありますか? のようなものvar firepad = Firepad.fromCodeMirrorです。もしそうなら、プレーンな JavaScript と同じように、ready イベントをリッスンできるはずです。そのようなコードがまだない場合は、firepad.io/docs/#api の「Firepad の初期化」セクションで見つけることができます。

より統合されているように感じさせるには、firepad をディレクティブで簡単にラップすることができます。しかし、「これを行うライブラリはありますか?」StackOverflow よりも Google に適しています。

そうは言っても、このライブラリは有望に見えます: https://github.com/davideast/FireDeck/blob/436fa59fb65a186beec857865c156ce2ada809e2/scripts/directives/firepad.js . <fire-padデモ サイトhttp://fire-deck.firebaseapp.comですぐに収集できるものから要素を導入しているようです。

上記の David のコメントにも注意してください。

その<fire-pad>ディレクティブの作成者はこちら。一般的な使用にはあまり適したディレクティブではありません。ブラウザーのコーディングで行うために、それを iframe と緊密に結合しました。ただし、iframe なしで動作するように簡単に変更できます。ここでこれらの行を削除するだけです: