【问题标题】:Explanation for the .next() function in angular角度解释 .next() 函数
【发布时间】:2017-07-30 05:30:04
【问题描述】:
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() 函数是什么。它来自哪个图书馆?我已经提到了上面的导入,但我无法真正了解这个函数的实际定义。

【问题讨论】:

标签: javascript angular


【解决方案1】:

一个EventEmitter,扩展了主题。当你使用 next 时,你会触发一个所有订阅者也会监听的事件。见here。发射是首选。

【讨论】:

  • 如果我错了,请纠正我 - 第一个订阅者将是可能会根据此变量更新更改颜色的视图。这是真的 ?例如。如果我在视图中有类似 This text is coloured with the selected color,则随着变量的变化,文本将以不同的颜色显示。以其他方式询问 - 视图中的变量是否会自动订阅您上面所说的意义上的订阅者?
  • 对不起。我写这篇文章已经 3.5 年了。从那时起,我一直在与许多其他技术人员合作。可能会将其作为一个单独的问题而不是评论来解决。
猜你喜欢
  • 1970-01-01
  • 2014-04-05
  • 2010-12-06
  • 2019-07-02
  • 1970-01-01
  • 1970-01-01
  • 2011-02-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多