Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 倾听服务中输入的变化,并在全球范围内分发信息_Javascript_Angular_Onchange - Fatal编程技术网

Javascript 倾听服务中输入的变化,并在全球范围内分发信息

Javascript 倾听服务中输入的变化,并在全球范围内分发信息,javascript,angular,onchange,Javascript,Angular,Onchange,我正在从事一个有趣的项目,我使用浏览器应用程序打开我的网站“www.mysite.com”,并在那里向隐藏的元素中插入一个字符串。该站点是在angular 6中编程的,我想创建一个侦听输入的“onChange()”事件的服务。我知道使用@Input()之类的工具可以很容易地完成,但这里的困难在于数据来自一个浏览器应用程序,它打开页面并将字符串注入元素 因此,如果元素(或任何其他具有更改检测的元素)中存储了来自扩展的文本,我希望使用服务通知其他组件,例如组件中的简单文本区域,以显示数据基本上,我需

我正在从事一个有趣的项目,我使用浏览器应用程序打开我的网站“www.mysite.com”,并在那里向隐藏的
元素中插入一个字符串。该站点是在angular 6中编程的,我想创建一个侦听输入的“onChange()”事件的服务。我知道使用
@Input()
之类的工具可以很容易地完成,但这里的困难在于数据来自一个浏览器应用程序,它打开页面并将字符串注入
元素

因此,如果
元素(或任何其他具有更改检测的元素)中存储了来自扩展的文本,我希望使用服务通知其他组件,例如组件中的简单文本区域,以显示数据基本上,我需要一种方法来检测变化,并通过服务进行检测。


谢谢

如果您的目标是多播数据,请使用RXJS的
主题
行为主题
。查看@Vikas:感谢您的提示!这将有助于组件的更新。但是,我需要检测输入元素上的更改,然后将其传播到服务。因此浏览器扩展将字符串注入输入元素(需要是普通输入,因为浏览器扩展只能注入普通html元素),然后我需要通过服务监听输入的“onChange()”事件。我不知道我的公式是否足够好?如果没有,我再试一次?为什么不将更改事件绑定到服务的一个方法,并使用
BehaviorSubject
多播数据?