- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
我有用户数据服务。数据服务的目的是广播用户数据并在不同组件之间共享数据。如果一个组件对用户进行了更改,则其他组件应该知道这一点。它在其他组件中运行良好。例如,我在 Location 组件中更新用户的位置,并且它随处可用。我有登录组件,我在其中将用户凭据发送到 API 并接收用户数据。我将接收到的数据分配给我的广播用户对象,但它没有反射(reflect)在我的结帐组件中。
user-data.service.ts
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import {User} from '../entities/user';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class UserDataService {
private _user: BehaviorSubject<User>;
broadCastUser: Observable<User>;
constructor() {
this._user = new BehaviorSubject<User>(new User());
this.broadCastUser = this._user.asObservable();
}
updateUser (newUser) {
this._user.next(newUser);
}
}
sign-in.component.ts
// removing unnecessary code
private _user: User;
ngOnInit() {
// Getting user info so far
this._userDataService.broadCastUser.subscribe(user => this._user = user);
}
signin () {
const body = {
UserId : this.emailAddress.value,
Password : this.password.value
};
this._spinner.show();
this._signInService.signIn(body).subscribe(
(user) => {
this._spinner.hide();
// Handling error because API response is 200 Ok. Wrong API implementation.
const userId = user[0].UserId;
if (userId === 0) {
this._isPasswordWrong = true;
} else {
this._user = user[0];
this._user.isSignedIn = true;
this._router.navigate(['/checkout']);
}
}
);
}
请注意登录方法 this._user = user[0]; 中的行。如果我在此行之后立即打印用户属性,那么我会看到它们已更新。但是当我去结帐组件时,它们没有更新。它们要么是旧值,要么是未定义的。
如果需要,我将提供所有代码。但感觉这就足够了。
最佳答案
我不确定这是否是理想的解决方案,但该应用程序正在按照预期的方式运行。
我将私有(private)更新方法添加到 sign-in.component.ts 并在 signIn() 中调用它> 代替 this._user = user[0];
我从@Leon 的评论中得到了提示,并得出了这个解决方案。
signin () {
const body = {
UserId : this.emailAddress.value,
Password : this.password.value
};
this._spinner.show();
this._signInService.signIn(body).subscribe(
(user) => {
this._spinner.hide();
// Handling error because API response is 200 Ok. Wrong API implementation.
const userId = user[0].UserId;
if (userId === 0) {
this._isPasswordWrong = true;
} else {
this.updateUser (user[0]);
this._router.navigate(['/checkout']);
}
}
);
}
new update ()
private updateUser (user: User) {
let newUser = new User();
newUser = user;
newUser.cart = this._user.cart;
newUser.address = this._user.address;
newUser.isSignedIn = true;
this._userDataService.updateUser(newUser);
}
我愿意接受更好的答案。如果我找到了,我会张贴在这里。
关于angular - 当从 api 响应分配数据时,BehaviorSubject 没有更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50154429/
我有一个 rxjs@6 BehaviorSubject source$ ,我想从 source$ 获取子值 const source$ = new BehaviorSubject(someValu
场景我有一个 Territories 列表,我想从服务器获取每个 Territory 中的所有 Items。因此,我决定使用 BehaviorSubject 来尝试一下。我不知道我是不是“疯了”。这就
至少在移动应用程序中,BehaviorSubject 被频繁使用,为属性建模——它有一个当前值,可以随时查询并观察。 有时它只想转换 BehaviorSubject 而无需订阅它。例如。如果有类,它充
我在使用 Angular 服务时遇到了一个由 BehaviorSubject 引起的错误。 错误 Module '"ng5/node_modules/rxjs/BehaviorSubject"' ha
我正在使用 Angular 2 和 RxJS 5。 这两者有什么区别吗: 应该首先使用哪个?谢谢 isOpen$ = new BehaviorSubject(true); 和 isOpen$ = Be
我正在查看可观察对象的接口(interface),发现您可以将实现 PartialObserver 的任何内容传递给订阅函数。所以我用 BehaviorSubject 做到了。 像这样(一) sour
我的其中一个组件中有这个: public booleanSubject: BehaviorSubject = new BehaviorSubject(false); 当我添加 "strictFunct
您好,我有一个具有简单类型 int 的 BehaviorSubject,我将值 5 添加到它,然后添加另一个值 5。流监听器向我发送了两个事件。如果值等于最后一个值,如何强制检查值并且不发送事件。示例
在我们的单页应用程序中,我们开发了一个集中式存储类,该类使用 RxJS 行为主体来处理应用程序的状态及其所有变化。我们应用程序中的几个组件正在订阅我们商店的行为主题,以便接收对当前应用程序状态的任何更
我有一个 Angular 服务,它有一个名为 must_checkout 的 bool 属性。我的服务还包含一个名为 observable_must_checkout 的属性,它是一个调查 must_
我有一个 BehaviorSubject我希望能够filter ,但要保持新订阅者在订阅时始终获得一个值的行为主题式质量,即使最后发出的值被过滤掉。有没有一种简洁的方法可以使用 rxjs 的内置函数来
我有一个 BehaviorSubject我想重置 - 我的意思是我希望最新的值不可用,就像它刚刚创建一样。 我似乎没有看到可以执行此操作的 API,但我想还有另一种方法可以实现相同的结果吗? 我想要的
我使用 RxJS 中的 BehaviourSubject: private rights = new BehaviorSubject>([]); updateRights(rights: Array)
我几乎已经完成了 android,但对 java 8 还是陌生的。我制作了一个 BehaviourSubject>。 我在上面放置了一个可观察对象。在 Presenter 类中,我将 Behaviou
在我的 Angular 应用程序中 我多次尝试使用 BehaviorSubject 获取值,以了解值何时更改或接收。我无法在加载组件之前获取值。 通过此链接,您可以查看返回的内容: https://d
我有一个函数应该返回一个BehaviorSubject。该主题旨在返回 Profile 的最新版本 (user)Profile 只是一个包含对三个成员的引用的 POJO: - 用户, - 该用户的 M
通缉行为: subject = BehaviorSubject.create(1); subject.subscribe(number -> print(number), error -> print
我是 RxJava 的新手,我选择使用它是因为我认为它非常适合我的用例。 我有一些 Integer 值,我想在无限的时间段内观察。每当这些值之一发生变化(即一个事件)时,我希望在另一个线程上调用它的所
我有一个 EvaluateHistoryItem[] 类型的 BehaviourSubject history$。在 uploadFile 方法中,我用逗号分割上传的 .txt 文件,然后将它们推送到
我是 Angular 的新手,不知道如何使用异步调用来更新响应式表单。 我有一个基于对象模型的 react 形式。表单中的任何更改都会触发 HTTP 请求,该请求可能会发回对象的更新版本作为响应。我需
我是一名优秀的程序员,十分优秀!