how to use emoji picker lib in angularjs with directive?
<p>I get this emoji lib :</p>

<p><a href="https://github.com/one-signal/emoji-picker" rel="nofollow">https://github.com/one-signal/emoji-picker</a></p>

<p>I've thinking about make a directive, this is the function to use the emoji picker:</p>

<pre><code>$(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();
});
</code></pre>

<p>and this is the htlm use of the emoji:</p>

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

<p>how could I do this for my angular project? thanks for helping me!</p>