我正在做一个基本的angular js网页，遇到了一个关于emit函数的问题。
下面是app.component.ts

import { Component } from '@angular/core';
import { WishItem } from '../shared/models/wishItem';

const filters =
  [
    (item: WishItem) => item,
    (item: WishItem) => !item.isComplete,
    (item: WishItem) => item.isComplete
  ]

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrl: './app.component.css'
})
export class AppComponent {

  //items is an array
  items: WishItem[] = [
    new WishItem('To Learn Angular'),
    new WishItem('Get Coffee', true),
    new WishItem('Find grass that cuts itself')

  ];
  listFilter: any  = '0';

  //fromWishItem.ts

  title = 'wishlist';

  //copying items array
  get visibleItems(): WishItem[] {

    return this.items.filter(filters[this.listFilter])

//changing dynamically
  }

}

字符串
下面是我的子组件add-wish-form.componenet.ts

import { Component, OnInit ,Output,EventEmitter} from '@angular/core';

import { WishItem } from '../../shared/models/wishItem';

@Component({
  selector: 'add-wish-form',
  templateUrl: './add-wish-form.component.html',
  styleUrl: './add-wish-form.component.css'
})
export class AddWishFormComponent implements OnInit
{
  
@Output() addWish = new EventEmitter<WishItem>();
/** EventEmitter facilitates communication between the child and parent components
 * 
 */

constructor(){ }
  ngOnInit(): void {
      
  }

  newWishText = '';

  addNewWish()//add wish to the items array above & clear textbox
  {
    //adding new wish item in our array
    

    this.addNewWish.emit(new WishItem(this.newWishText))
    this.newWishText = '';

  }

}

型
我使用的是Angular CLI：17.0.3 Node：21.2.0
我正在看yt上的一个教程视频，它看起来可以用，但是在我的笔记本电脑上却不能用。有人能告诉我这个问题的解决方案吗？