html - 如何通过按 shift + enter 来制作新的行输入消息？角

Question

我有一个带有单个输入字段的聊天框。我想像 Facebook 的聊天框一样处理新的行输入。

我的聊天框： [1]：https ://i.stack.imgur.com/NeG7d.png

我的输入字段 HTML：

<form class="form" #msgForm="ngForm" (ngSubmit)="send(msgForm)" focus>
  <div class="form-group">
    <div class="col-xs-5">
      <div class="input-group">
        <input type="search" autocomplete="off" class="form-control left-border-none"
          name="message" [(ngModel)]="message" placeholder="Say Something..."
          (input)="onChange($event.target.value)" />
        <span class="input-group-addon transparent">
          <button type="submit" (keyup.enter)="send(msgForm)"
            style="border: 0; background: none;cursor: pointer;"><i class="fa fa-paper-plane" [hidden]="isHidden" 
            style="font-size:20px;color:  #6d5cae;"></i></button>
        </span>
      </div>
    </div>
  </div>
</form>

标签： htmlangularinputtextchat