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>