RAW

يقبل EmployeeListComponent قائمة بالموظفين واسم قسم كإدخالات. عندما يحاول المستخدم إزالة موظف أو إضافته، يُشغِّل المكوّن إخراجًا ملائمًا. يحدِّد المكوّن أيضًا طريقة calculate التي تنفِّذ عملية احتساب النشاط التجاري.

في ما يلي نموذج EmployeeListComponent:

<h1 title="Department">{{ department }}</h1>
<mat-form-field>
  <input placeholder="Enter name here" matinput="" type="text" [(ngmodel)]="label" (keydown)="handleKey($event)">
</mat-form-field>
<mat-list>
  <mat-list-item *ngfor="let item of data">
    <h3 matline="" title="Name">
      {{ item.label }}
    </h3>
    <md-chip title="Score" class="mat-chip mat-primary mat-chip-selected" color="primary" selected="true">
      {{ calculate(item.num) }}
    </md-chip>
  </mat-list-item>
</mat-list>