javascript - 如何在带有指令的angularjs中使用表情符号选择器库？

Question

我得到了这个表情符号库:

https://github.com/one-signal/emoji-picker

我在考虑做一个指令，这是使用表情符号选择器的函数:

$(function() {
  // Initializes and creates emoji set from sprite sheet
  window.emojiPicker = new EmojiPicker({
    emojiable_selector: '[data-emojiable=true]',
    assetsPath: 'lib/img/',
    popupButtonClasses: 'fa fa-smile-o'
  });
  // Finds all elements with `emojiable_selector` and converts them to rich emoji input fields
  // You may want to delay this step if you have dynamically created input fields that appear later in the loading process
  // It can be called as many times as necessary; previously converted input fields will not be converted again
  window.emojiPicker.discover();
});

这是表情符号的 html 使用:

  <p class="lead emoji-picker-container">
    <textarea class="form-control textarea-control" rows="3" placeholder="Textarea with emoji Unicode input" data-emojiable="true" data-emoji-input="unicode"></textarea>
  </p>

我怎么能为我的 Angular 项目做到这一点？谢谢你帮助我!

Answer 1

ng-emoji-picker是 https://github.com/OneSignal/emoji-picker 的 Angular Directive(指令)

它删除了 Original Emoji Picker 的所见即所得编辑器使用它将您的输入/文本区域转换为 div，而只是在当前文本框或输入上添加表情符号选择器图标，并使用 unicode 添加表情符号