Electron Projects

Preparing the chat component placeholder

In this section, we are going to create a placeholder component for the chat groups list. Follow these steps to do so:

1. Generate a new Chat component by running the following command:

      ng g component chat

2. Update the routes in the app-routes.module.ts file:

      import { ChatComponent } from './chat/chat.component';      const routes: Routes = [        {          path: 'login',          component: LoginComponent        },        {          path: 'chat',          component: ChatComponent        }      ];

3. Update the login form so that it invokes the login method:

      <div class="login-actions">        <button           mat-raised-button           (click)="login(loginField.value, passwordField.value)"        >Login</button>      </div>

4. We need to update the Login component's code. We need to import the Router object ...