【问题标题】:why @output not working in angular 2?为什么@output 在角度 2 中不起作用?
【发布时间】:2017-05-28 07:18:27
【问题描述】:

我正在尝试以角度 2 将数据从一个组件发送到另一个组件。我的@output is not working。我在列表中添加项目。点击row。我正在将数据从一个组件发送到另一个组件。 这是我的代码 https://plnkr.co/edit/sG6Suhnvc3Qmjmqjym67?p=preview

我喜欢这样,

 @Output() userUpdated = new EventEmitter();

liClick(item){
      this.userUpdated.emit(item)
  }

这为什么不被解雇?

 userSelected(items){
    alert(items);
    this.title="user is selected" +item.name;
  }

【问题讨论】:

标签: angular


【解决方案1】:

您缺少事件绑定 userUpdated 应该在 ( ) 括号内

<app-home [userItems]="items" (userUpdated)="userSelected($event)"></app-home>

你有一些拼写错误。

Updated plunker

更新 1:你有一个错字 item.name 在你的 plunker 里有没有

 this.title="user is selected" +items.name;

【讨论】:

  • 不工作..!标题未更改plnkr.co/edit/sG6Suhnvc3Qmjmqjym67?p=preview
  • 是的......函数被调用......但在正文中我写了这个 this.title="user is selected" +item.name;标题应该改变
  • @user5711656,这是您在 userSelected 函数中使用 item 而不是 items 的错字
猜你喜欢
  • 1970-01-01
  • 2017-02-23
  • 2019-01-17
  • 2017-04-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-23
相关资源
最近更新 更多