ngSinaEmoji
v0.1.5
Published
sina emoji components of Angular
Downloads
8
Maintainers
Readme
ngSinaEmoji
整合新浪远程表情组件 ####Useage
$ npm install ngSinaEmoji
var Demo = angular.module('Demo',['ngSinaEmoji'])
// 必须要绑定model
<textarea ng-model="emoji" ng-sina-emoji target="#emotion" app-key="1362404091" cols="50" rows="5"></textarea>
<button id="emotion">表情</button>
Params
| key | value | | :--: | :--------------------: | | target | 事件触发元素,必填 | | appKey | 新浪授权ID(可不填,有默认ID) |
Service
.controller('EmojiCtrl',function ($scope,SinaEmoji) {
$scope.destroy = function(){
// 销毁实例
SinaEmoji.destroy();
// 解析表情
SinaEmoji.parseEmotions(value)
}
})
//常常使用过滤器来解析
.filter('parseEmotions',function (SinaEmoji,$sce) {
return function (value) {
return $sce.trustAsHtml(SinaEmoji.parseEmotions(value));
}
})
// html
<p ng-bind-html="emoji | parseEmotions"></p>