角度 1 中的笑脸

smiles faces in angular1

我需要在项目的评论中设置笑脸。当我使用 ng-strap 方法制作测试项目时,我检查了 angular-emoji-picker 这工作正常,但当我集成到我的项目中时停止工作。它的笑脸弹出窗口不起作用

为什么我集成后它不起作用?我可以使用更好的选择器吗?

<body ng-controller="myController">


<span style="margin: 0 20px;" emoji-picker="message" placement="right" title="Emoji" recent-limit="12"></span>

  <p><strong>Imagify filter</strong>: <span emoji-removable="message" ng-
   bind-html="message | imagify"></span></p>


</body>
<script type="text/javascript" src="index.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-emoji/lib/emoji.js"></script>

  <script src="bower_components/angular-sanitize/angular-sanitize.min.js">
 </script>

<script src="bower_components/angular-strap/dist/angular-strap.min.js">
</script>
  <script src="bower_components/angular-strap/dist/angular-
 strap.tpl.min.js"></script>
<script src="bower_components/angular-emoji-picker/dist/js/emoji-picker.js"></script>

这是模块

 angular.module('myModule',['vkEmojiPicker','mgcrea.ngStrap'] )
  .controller('myController', function ($scope) {

             $scope.message = "String including Emoji codes :smiley:";

 });

我已经使用表情符号 angularjs 这是我的作品 fiddle fiddle

$(function(){
    $("#emojionearea2").emojioneArea({
pickerPosition: "right",
tonesStyle: "radio"
 });