无法获取消息文本来呈现表情符号而不是HTML文本

时间:2015-12-23 04:46:30

标签: javascript angularjs angularjs-filter

我正在使用一个很酷的小AngularJS过滤器来表示位于http://dev.venntro.com/angular-emoji-filter/的表情符号字符,这是我到目前为止的代码。

<p class="chatmessage plain ng-binding" ng-repeat="message in messages track by $index" ng-model="message" ng-bind-html-unsafe="message | emoji">
    <b>{{message.Author}}:</b>{{message.Message|emoji}}
</p>

它给了我以下输出:

User123: <i class='emoji emoji_smiley'>smiley</i>
显然,我宁愿拥有表情符号图标,但这就是输出到页面的内容。即使在这个阶段,这对我来说几乎是一个胜利,因为我必须弄清楚如何添加所有适当的引用以使消息过滤器工作并获得这一点。现在我试图找到一种方法来使“message.Message”呈现HTML,而不仅仅是给我HTML代码。

我想知道是否有一个函数可以包围它以强制它呈现这个表情符号而不是HTML?

感谢您的帮助

此致 AngularJS的新手

1 个答案:

答案 0 :(得分:0)

我认为您需要尝试使用以下ng-repeat代码:

<p class="chatmessage plain" ng-repeat="message in messages track by $index">
    <b>{{message.Author}}:</b><p ng-bind-html-unsafe="message.Message | emoji"></p>
</p>