angular-ai-chat-bot/src/app/chat-msg/chat-msg.component.html

Angular 6 AI Chat Bot module with Google Api

<div [ngSwitch]="msg.sendBy">
  <div *ngSwitchCase="'bot'" class="msg" [class.show]="isVisible">
    <mat-card class="card bot">
      <mat-card class="icon">
        <i class="material-icons">
          android
        </i>
      </mat-card>
      <mat-card-content>
        {{msg.text}}
      </mat-card-content>
    </mat-card>
  </div>
  <div *ngSwitchCase="'user'" class="msg user-msg" [class.show]="isVisible">
    <mat-card class="card user">
      <mat-card-content>
        {{msg.text}}
      </mat-card-content>
    </mat-card>
  </div>
</div>