使用Angular2s表单并尝试找出使用选择处理事件的过程.我有一个存储在选项中的对象Heros.我想要做的是,当我选择了英雄时,触发一个事件到父组件,它将对结果做一些事情.但是,我找不到能够在选择发生变化时接收事件的具体示例(即列表中的新英雄已被选中).

interface Hero {
  id: number;
  name: string;
}
@Component({
  selector: 'my-app',
  template:`
  
{{title}}
  

    
        
            {{hero .name}}
        
    
  
`
})
   export class AppComponent {
   @Input() heros:Observable
   @Output("selectedHeroChange") selectedHeroChange:EventEmitter = new EventEmitter

   onHeroChange(hero:Hero){
      this.selectedHeroChange._next(hero);
   }    
}

提前致谢!

在select change上执行代码并使用id属性或index作为值`:

    
      
        {{hero.name}}
    

onHeroChange(event:Event):void {
  Hero hero = heros.firstWhere(
      (Hero hero) => hero.id == (event.target as SelectElement).value);
  // Hero hero = heros[int.parse((event.target as SelectElement).value)];
  selectedHero = hero;
  selectedHeroChange.add(hero);
}