Electron Projects

Sending group messages

Now, let's implement some support so that we can send messages to particular groups:

1. Import FormsModule into the main application module:

      import { FormsModule } from '@angular/forms';

You are going to need it later to establish two-way binding to the message's text.

2. Let's introduce the message editor. Append the following code to the messages.component.html template:

      <div class="message-editor">        <mat-form-field class="message-editor-field">          <input            [(ngModel)]="newMessage"            matInput            placeholder="Message the group"            autocomplete="off"            (keyup.enter)="send()"          />        </mat-form-field>      </div>

Here, we are binding the input element to the newMessage property in a two-way fashion, and we're also handling the keyup.enter event ...