如何在角度访问从子组件到父组件的函数

Question

尝试从儿童组件（Chips-autocomplete-示例）访问删除函数。但无法在app.component中访问它。当我单击关闭（x）图标时，我想获得它的值。例如，如果我单击Apple Close Icon，我想将Apple文本列入警报。与其他人一样（柠檬，酸橙，橙色，草莓），我正在app.component ts文件中这样做。但不起作用。如何解决这个问题？

app.component.ts：

  removeClick(removeval) {
    alert(removeval);
  }

app.component.html：

<chips-autocomplete-example
  (removed)="removeClick(fruit)"
></chips-autocomplete-example>

demo：

Answer 1

不确定我是否正确理解您的问题，但是从孩子那里做父母（以最简单的方式）您可以使用
@Output（）removed = new EventEmitter＆lt; string＆gt;（）; 和在删除函数中添加 this.remeved.emit.emit（frual）（frual）（frual） in Child，然后在父母中

<chips-autocomplete-example
  (removed)="removeClick($event)"
></chips-autocomplete-example>