指示文でangularjsにemoji picker libを使用する方法は？

Question

私はこの絵文字libが取得：

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(); 
}); 

、これはのHTLMの使用であり、絵文字：

<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> 

角度のあるプロジェクトではどうすればいいですか？私を助けてくれてありがとう！

Answer 1

ng-emoji-pickerは、それはdiv要素にご入力/テキスト領域を変換し、代わりに、それだけで、現在のテキストボックスまたは入力および使用上の絵文字ピッカーアイコンを追加Original Emoji Picker使用するWYSIWYGエディタを削除しhttps://github.com/OneSignal/emoji-picker

ための角度ディレクティブです EmojiOne Area

呼び出したい場合はデにある：誰もが角2用絵文字セレクタを探している場合は、私が検索の2日後に、この非常に便利なjQueryプラグインを見つけ

Answer 2

絵文字を追加するにはユニコードdeclare const jQuery: anyのように、コンポーネント内のグローバル変数を使用したい場合は、それをngAfterViewInit()で必ず使用してください。 ngAfterViewInit()はあなたのDOMが準備が整っていることを確認します。そうしないと、emojioneAreaが関数ではないというエラーが表示されます。

は、そのIDまたはクラスによって、あなたの入力要素を選択することで、このようにそれを使用してください：あなたはおそらく前作を見て、そこから起動したい
jQuery(".your-input-selector").emojioneArea();