angularJS 2中的事件处理程序

时间:2016-01-12 08:22:13

标签: angular

$scope.$on('msg', function(e, msg)
{
    toastr.error("Error. Err-01", "Invalid Login!");

});

这是角度为1的事件处理函数。如何将其转换为角度2?

1 个答案:

答案 0 :(得分:2)

事件现在已在组件本身上定义。 Angular2中没有更多的范围概念......

您可以从HTML元素中附加处理程序:

<my-component (someEvent)="handleEvent($event.value)"></my-component>

或在JavaScript代码中:

this.myEventEmitter.subscribe(
  ...
)

定义myEventEmitter可以在组件中完成:

@Component({
  (...)
})
export class DropdownComponent {
  @Output()
  myEventEmitter: EventEmitter;

  constructor(private elementRef:ElementRef) {
    this.myEventEmitter = new EventEmitter();
  }

  select(value) {
    this.myEventEmitter.emit(value);
  }
}

希望它可以帮到你, 亨利