আমি ম্যানেজারদের তাদের দলের নজর রাখার জন্য কৌনিক অ্যাপে কাজ করছি এবং আমি একটি @ আউটপুট ত্রুটির সাথে আটকেছি:
An error occurred: @Output deleteMeeting not initialized in 'MeetingItemComponent'.
আমার একটি মিটিং উপাদান রয়েছে, মিটিং আইটেম উপাদানগুলির একটি তালিকা তৈরি করে। যখন ব্যবহারকারী বিভিন্ন বোতামে ক্লিক করেন (সম্পাদনা করুন, মুছুন, বিশদ দেখান) তখন আমি ক্রিয়া সম্পাদন করতে চাই।
এখানে আমার পিতামাতার সভাগুলির টেম্পলেট রয়েছে:
<div class="meeting__list" [@newMeeting]="meetings.length">
<app-meeting-item
*ngFor="let meeting of meetings"
[meeting]="meeting"
(deleteMeeting)="deleteMeeting($event)"
(openMeetingDialog)="openMeetingDialog($event)"
(messageClick)="openMessage($event)"
></app-meeting-item>
</div>
আমার সভা আইটেম টেম্পলেট (কেবলমাত্র এই পোস্টটি দ্বারা সংশ্লিষ্ট অংশ):
<span class="meeting__actions">
<mat-icon *ngIf="meeting.message" (click)="onMessageClick(meeting)" matTooltip="Read the message"
matTooltipPosition="above" class="icon--notes">notes</mat-icon>
<mat-icon (click)="onOpenMeetingDialog(meeting)" matTooltip="Edit this meeting" matTooltipPosition="above" class="icon--edit">edit</mat-icon>
<mat-icon (click)="onDeleteMeeting(meeting.id)" matTooltip="Delete this meeting" matTooltipPosition="above" class="icon--delete">delete_outline</mat-icon>
</span>
আমার সভা আইটেম উপাদান:
import { Component, Input, Output } from '@angular/core';
import { EventEmitter } from 'events';
@Component({
selector: 'app-meeting-item',
templateUrl: './meeting-item.component.html',
styleUrls: ['./meeting-item.component.scss']
})
export class MeetingItemComponent {
@Input() meeting;
@Output() deleteMeeting = new EventEmitter();
@Output() openMeetingDialog = new EventEmitter();
@Output() messageClick = new EventEmitter();
constructor() {}
onDeleteMeeting(meetingId) {
this.deleteMeeting.emit(meetingId);
}
onOpenMeetingDialog(meeting) {
this.openMeetingDialog.emit(meeting);
}
onMessageClick(meeting) {
this.messageClick.emit(meeting);
}
}