将数据从父级传递给子角度4

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将数据从父级传递给子角度4相关的知识,希望对你有一定的参考价值。

我有一些一般性问题,我从页面开始main.ts通过onInit我从一个mongoose数据库服务器抓取数据,我保存在一个数组中。

此阵列需要在其他组件中可用。我现在这样做的方式似乎有效,使用service.ts

在服务中我有很多BehaviorSubjectsSubjects。因此,每当我从mongoose获取数组数据时,我都会向服务发送消息,其他组件会订阅该消息。

我有时使用Subject而不是BehaviorSubject,因为它抛出错误消息,就像在html中我使用*ngFor并且它需要一个数组,而不是字符串'默认消息'。

我只是想知道这是否是在页面之间移动数据的正确设置。现在我也在使用这个消息系统来更新我的组件。因此,如果有人在我的网站上发表评论或发帖,我会向我的服务发送一条消息,然后更新一个observable,我的组件再次订阅。

是否有更好的方法来更新我的网站的新数据,并有一个简单的方法来解释为什么有时我从*ngFor得到此错误消息,在其他情况下,它仍然使用*ngFor时不会抛出此错误。

即当我更新一个observable时,组件会立即收到消息,或者它会收到onInit。

这也是最好的做法是在组件的构造函数或onInit中使用下面的问题。我取消订阅OnDestroy

this.newService.currentMessageComment
  .takeWhile(() => this.alive)

   .subscribe(message => {

service.ts

public messageSourceMarketCap = new BehaviorSubject<any>('default message');
currentMessageMarketCap = this.messageSourceMarketCap.asObservable();

public messageSourceHistory = new Subject<any>();
currentMessageHistory = this.messageSourceHistory.asObservable();

public messageSouceApi = new BehaviorSubject<any>('default message');
currentMessageApi = this.messageSouceApi.asObservable();

public messageSourceBody = new BehaviorSubject<any>('default message');
currentMessageBody = this.messageSourceBody.asObservable();
答案

你为什么使用BehaviouSubject。我认为在你的情况下,主题会更好。如果要在创建observable时传递初始值,则可以使用BehaviouSubject。

你也可以通过发出一个空数组来快速修复,因为ngFor需要一个数组。从“默认消息”更改为[]。

希望它会有所帮助

以上是关于将数据从父级传递给子角度4的主要内容,如果未能解决你的问题,请参考以下文章

使用 XLPagerTabStrip 将数据从父级传递给子级

Vue 组件:如何将数据从父级传递给子级

html vue.js道具将数据从父级传递给子级

在 React 中将数据从父级传递给子级

如何通过事件将数据从父级传递给子角色

如何在Vue2中将数据从父级传递给子级