如何将数据从一个子组件传递给父组件和其他子组件？
在里面
我已将我的页面分为以下格式。我有一个父组件和多个子组件。第一个是过滤器组件。因此，当我在此组件中进行提交时，其结果将在所有其他子组件以及父组件中实现。
我认为是我从 child-A 收到的日期传递给 child-B 和 child-C，但我无法修复它。
我在这里工作：https : //stackblitz.com/edit/angular-fqp5px
有人可以帮我吗？
谢谢你。
维卡斯比拉达
您可以创建简单的服务并将值传递给 Subject 对象。并在您想要使用它的其他组件中订阅该对象。
例如服务：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/of';
import { Subject } from 'rxjs';
@Injectable()
export class dataService {
//here i am giving example for string. You can use any kind of object(class)
private querySource = new Subject<string>();
query$ = this.querySource.asObservable();
functionname(value: string){
this.querySource.next(value);
}
}
现在订阅此服务并在提交按钮上调用 functionName 函数。并且更改将在父组件或任何其他子组件中您想要的任何位置订阅。
参考通过这个
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Vue 如何将子组件和父组件数据传递给方法
- 2
在Angular中，当组件不是父/子组件时，如何将值从一个组件传递到另一组件？
- 3
Vue.js：将数据从一个子组件传递到具有相同父组件的另一个子组件吗？
- 4
如何将状态与父组件传递给子组件
- 5
如何将子组件的状态传递给父组件？
- 6
如何将数据从子组件（子组件有自己的状态）传递给父组件？
- 7
将点击事件从一个子组件传递到另一个子组件
- 8
想要将值从子组件传递给父组件，然后将这些值传递给另一个子组件
- 9
如何在React中将数据值从一个子组件传递到另一个子组件？
- 10
如何将子组件路由到另一个子组件
- 11
如何将回调从一个子组件传递到另一个
- 12
如何从一个单独的子组件修改一个子组件的道具？
- 13
如何在VueJS中将值从一个子组件传递到另一个子组件？
- 14
如果我有一个按钮在React中的第二个子级中触发状态，如何将状态传递给父级组件
- 15
如何将数据传递给组件到另一个组件
- 16
将数据从服务传递给父组件，然后从父组件传递给子组件
- 17
如何将数据从一个组件传递到 vue 上的另一个组件？
- 18
如果子组件是动态组件，如何将数据从子组件传递给父组件
- 19
如何将表单数据从父组件传递给子组件？
- 20
子组件的数据在更新时传递给它的下一个兄弟组件
- 21
从另一个组件调用时将 className 传递给子组件
- 22
NextJS：在子组件中获取数据并传递给父组件
- 23
如何在React.js中从一个组件（子组件）到另一个组件（父组件）获取值？
- 24
将样式化的组件作为子组件传递给另一个组件会引发错误
- 25
组件如何将道具传递给另一个组件？
- 26
React-如何将API数据从一个组件传递到另一个js文件中的另一个组件？
- 27
角度2：如何将属性传递给子组件？
- 28
如何将动作传递给Elm中的子组件
- 29
如何将React Hook传递给子组件
我来说两句