# AngularJs Emoji Popup Demo

## Encoding

#

    <div emoji-form emoji-message="emojiMessage">
        <textarea id="messageInput" ng-model="emojiMessage.messagetext" /></textarea>
        <button id="emojibtn">
            <i class="icon icon-emoji"></i>
        </button>
    </div>

#### Raw:

    <div ng-bind="emojiMessage.rawhtml"></div>

#### Colons:

    <div ng-bind="emojiMessage.messagetext"></div>

#### Parsed:

    <div ng-bind-html="emojiMessage.messagetext"></div>

#### Unicode: (Some emoji might be unreadable)

    <div ng-bind="emojiMessage.messagetext | colonToCode "></div>

## Decoding

#

    <textarea id="messageInput" ng-model="emojiMessage.encodedtext"></textarea>

#### Decode mode

- Colon
- Unicode
- HTML

#

#### Decoded message:

    <div ng-bind-html="emojiMessage.encodedtext | colonToSmiley"></div>

    <div ng-bind-html="emojiMessage.encodedtext | codeToSmiley"></div>

    <div ng-bind-html="emojiMessage.encodedtext"></div>