角度中的.next()函数的说明

时间:2017-07-29 20:24:58

标签: javascript angular

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

var colorPickerCss = "app/css/ui/color-picker.css";
var colorPickerTemplate = "app/partials/color-picker.html";

@Component({
    selector: 'color-picker',
    styleUrls: [colorPickerCss],
    templateUrl: colorPickerTemplate

})
export class ColorPicker{
    @Input() colors: string[] = [];
    @Output() selectedColor = new EventEmitter();
    isSelectorVisible : boolean = false;

    showSelector(value: boolean){
        this.isSelectorVisible = value;
    }
    selectColor(color: string){
        this.showSelector(false);
        this.selectedColor.next({color});
    }


} ;

我已经编写了上面的代码,但我想了解它的功能。我的问题是,此行 this.selectedColor.next({color})上的.next()函数是什么。它来自哪个图书馆?我已经提到了上面的导入,但我无法真正了解这个函数的实际定义。

1 个答案:

答案 0 :(得分:5)

EventEmitter,扩展主题。当您使用next时,您将触发所有订阅者也将收听的事件。见here。 emit是首选替代方案。