angular4监听输入框_angular4兄弟组件交互，监听响应

可以创建一个service，既然是用来渲染图表的，可以叫RenderChartService.

在这个service中要有一个subject，负责用来emit消息，同时可以被用来订阅消息。

@Injectable

class RenderChartService {

private renderSubejct: Subject = new Subject();

public getRenderSubject(): Observable {

return this.renderSubject;

}

public emitRenderInfo(msg: any): void {

if (msg) {

this.renderSubject.next(msg);

}

将RenderChartService注入到组件a和组件b中，

这样在组件a中，按钮的事件处理函数中就可以这样写：

onClick() {

//请求数据....

this.renderChartService.emitRenderInfo(something);

}

在组件b中来订阅RenderChartService中的subject

private renderChartSubscription: Subscription = null;

ngOnInit() {

if (!this.renderChartSubscription) {

this.renderChartSubscription

= this.renderChartService.getRenderSubject()

.subscribe((res: any) => {

});

}

同时记得在组件ngOnDestroy时的时候，要取消订阅组件里的所有的订阅

ngOnDestroy() {

if (this.renderChartSubscription) {

this.renderChartSubscription.unsubscribe();

}

angular4监听输入框_angular4兄弟组件交互，监听响应相关推荐

angular 使用rxjs 监听同级兄弟组件数据变化
angular 的官网给出了父子组件之间数据交互的方法,如ViewChild.EventEmitter 但是如果要在同级组件之间进行数据同步,似乎并没有给出太多的信息. 有时候我们想,在一个组件中修改 ...
angular 指令渲染_Angular 组件交互 ngOnChanges 监听某一属性值变更
我们在实际项目中会拆分各个功能模块,以便页面复用,避免重复工作.那么,这里就涉及到组件之间的交互问题.例如常使用的,输入型数据绑定.setter截听.ngOnChanges()截听以及通过创建引入服务 ...
vue_组件_监听组件事件
1.$emit 的使用在组件中注册自定义事件 $emit(事件名, 参数) //该参数会当作第一个参数传入绑定的函数中下面用一个菜单栏例子来说明,如下图所示组件 Vue.component ...
实时监听输入框值变化的完美方案：oninput onpropertychange
实时监听输入框值变化的完美方案:oninput & onpropertychange 原文:实时监听输入框值变化的完美方案:oninput & onpropertychange 在 W ...
jquery实时监听输入框值变化
在做web开发时候很多时候都需要即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.而采用onchange时间又往往是在输入框失去焦点(onblur)时候触发,有时候并不能满足条 ...
element-ui 搜索框组件：监听input键盘事件 - 代码篇
踩坑:vue + element-ui 框架监听input键盘事件 - 含demo演示代码示下: html部分: <el-inputplaceholder="职位 | 地区 | 工作 ...
微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
angular监听输入框值的变化_angular 实时监听input框value值的变化触发函数方法
用angulajs + ionic 做了一个登陆页面.效果要通过监听输入框的变化来判断登陆按钮是否可点击.当至少一个输入框为空时登录按钮不可点击.一开始是用的jquery的方法做的,后来发现刷新当前页 ...
javascript监听输入框_html通过JS/jQuery实现实时监听输入框input的内容
最近在做一个功能:联想搜索功能.具体实现做法如下:通过实时监听输入框input的内容,来实时发起网络请求,向后台获取联想到的搜索内容并展示到前台.那么该如何实现input的实时监听呢做法一(jQue ...
asp.net监听输入框值的即时变化onpropertychange、oninput
要达到的效果很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的 ...

angular4监听输入框_angular4兄弟组件交互，监听响应

angular4监听输入框_angular4兄弟组件交互，监听响应相关推荐

最新文章

热门文章