angular2聊天框怎么寫啊，那位能給指導(dǎo)指導(dǎo)。新手上路，希望能給出ts代碼，非常感謝。

這是HTML代碼：
<div class="small-chat">

    <div class="heading bg-dark text-white">
      <span class="ml-2">聊天框</span>
      <small class="chat-date float-right mr-2">
        <span>2018.06.19</span>
      </small>
    </div>
    <div class="chat-content my-1"style="height: 25rem;  overflow:auto;overflow-x:hidden;">
      <div class="user-group">
        <div class="user-message">
          <span class="user-reply">你好</span>
          <i class="triangle-user"></i>
        </div>
        <img class="user-img" src="/assets/images/g.png"/>
      </div>
      <div class="admin-group">
        <img class="admin-img" src="assets/images/timg.jpg"/>
        <div class="admin-message">
          <i class="triangle-admin"></i>
          <span class="admin-reply">謝謝，你好！</span>
        </div>
      </div>
    </div>
    <div class="input-group input-group-sm" style="height: 2.5rem">
      <textarea class="form-control"></textarea>
      <div class="input-group-prepend">
         <span class="input-group-btn">
            <button class="btn btn-green btn-sm"
                    (click)="send(msg.value);msg.value=''">
              發(fā)送
            </button>
         </span>
       </div>
    </div>
  </div>### 問題描述

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？