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 的Initializing Firepad部分找到它。

为了让它感觉更加集成，您可以很容易地将 firepad 包装在指令中。但是“有没有图书馆可以做到这一点？” 比 StackOverflow 更适合 google。

也就是说，这个库看起来很有希望：https ://github.com/davideast/FireDeck/blob/436fa59fb65a186beec857865c156ce2ada809e2/scripts/directives/firepad.js 。它似乎引入了一个<fire-pad我可以在演示站点中快速收集的元素：http: //fire-deck.firebaseapp.com。

请注意上面大卫的评论：

该<fire-pad>指令的作者在这里。对于一般用途，这不是一个很好的指令。我将它与 iframe 紧密结合，在浏览器编码中进行。但是，它可以很容易地修改为在没有 iframe 的情况下工作。你真的可以在这里删除这些行：https ://github.com/davideast/FireDeck/blob/436fa59fb65a186beec857865c156ce2ada809e2/scripts/directives/firepad.js#L72-L80