কাঁচা

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>