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>