Reactive Extensions for JavaScript (RxJS) - это набор библиотек для составления асинхронных и основанных на событиях программ с использованием наблюдаемых коллекций и композиции стилей Array Extras.
У меня следующий псевдокод
objects = [obj1, obj2, obj3]
for obj in objects {
user: http.get(obj1.user_id)
product: http.get(obj1.product_id)
}.subscribe(results => {
do something with results
})
Я хочу, чтобы я перебирал массив объектов и для каждого объекта получал связанного пользователя и ....
24 Фев 2021 в 16:07
У меня есть данные, которые мне нужно передать во входной параметр в html, но они находятся в html. Как я могу это сделать? Каков правильный синтаксис для этого
HTML
<div *ngIf="fruits$ | async as fruit">
<div>
<app-fruits [badFruits]={{ fruit.badFruit }}></app-fruits> / This line is in er....
У меня есть эффект опроса Rxjs, например:
updateProductData$ = createEffect(() =>
this.actions$.pipe(
ofType(fromActions.loadProduct),
switchMap(_) =>
this.http.get('endpoint').pipe(
delay(1000),
repeat(),
switchMap((data) => [
fromActions.updateFoo(....
У меня есть служба, которая возвращает наблюдаемые из массива объектов
allFruits: Fruit[] = [
{
id: "1",
name: "fruit 1"
},
{
id: "2",
name: "fruit 2"
},
{
id: "3",
name: "fruit 3"
},
{
id: "4",
name: "fruit 4"
}
];
f....
20 Фев 2021 в 04:23
Я использую этот Rxjs:
this.menuSubject$
.pipe(map((items) => items.filter((itm) => itm.active)))
.subscribe((res) => console.log(res));
Где this.menuSubject$:
public menuSubject$ = new BehaviorSubject<MenuItem[]>(menuItems);
Я хочу получить элемент MenuItem из массива BehaviorSubjec....
Я создал сервис, который получает некоторые пользовательские данные из удаленного источника. Сервис - это метод для получения нескольких пользователей и один для получения определенного пользователя. Наблюдаемые, возвращаемые двумя метонами, получают .pipe (ed) через map (), чтобы иметь возможност....
19 Фев 2021 в 15:32
У меня следующий класс:
Я пытаюсь сохранить предыдущее и текущее состояние и заменить предварительное состояние текущим нажатием кнопки мыши.
@Injectable({
providedIn: "root",
})
export class PortalBridgeService {
private portalsSubject = new Subject<Portal>();
private prev: Portal;
readonl....
Я столкнулся с кодом в проекте, который начал поддерживать. Есть блок переключателя, в котором есть несколько строк return EMPTY в каждом случае, как показано ниже:
update(data) {
this.demoService
.update(data)
.pipe(
// ...
catchError((err:any) => {
switch....
19 Фев 2021 в 01:44
В этом демонстрационном приложении мы имеем следующую структуру:
Список статей (загружается при загрузке страницы) Каждая статья имеет вложенный объект под названием detail, который загружается лениво.
При нажатии на элемент статьи загружаются сведения о нем.
Но проблема, с которой я сталкиваюсь, - ....
searchFunction вызывается, когда пользователь вводит значение в текстовое поле автозаполнения. Итак, этот код должен возвращать опции в раскрывающийся список автозаполнения на основе пользовательского ввода, и он должен отображать только параметры последнего запроса. Если я использую этот код и ког....
Я пытаюсь подписаться на наблюдаемый объект и записать его значение.
Поток:
this.myObservable$ = new Subject<string>();
this.myObservable$.next('hello world') //in (angular) service A
Подожди несколько секунд
let newObservable$ = this.myObservable$.subscribe(message => console.log(message)); //sub....
В моем компоненте я получаю Observable как @Input ().
Если значение Observable изменится, мне придется развернуть / свернуть аккордеон ng-bootstrap. Так что мне действительно не нужно значение Observable в шаблоне.
Это код, который у меня уже есть:
Составная часть:
@Input() urlParam$!: Observable<s....
16 Фев 2021 в 13:10
У меня есть следующий метод, который возвращает результат, как показано ниже: result: [{status: 200, ...}, {status: 200, ...}, {status: 400, ...}, ...] I нужно сгруппировать результат, используя значение статуса .......
16 Фев 2021 в 12:58
В приведенном ниже примере кода намерение состояло в том, чтобы заблокировать событие от second$, отправив 1 в Subject mid$.
import { Subject, timer } from "rxjs";
import { switchMap, takeUntil, tap } from "rxjs/operators";
const first$ = timer(1000);
const second$ = timer(2000);
const mid$ = new ....
15 Фев 2021 в 22:10
Предположим, у меня есть:
class myComponent extends Component {
myFunction() {
//I would like to loop through two iterables, and make as many rows and columns
let r;
for (let i= 0; i <= SMTH1; i++) {
//add a <tr> opening tag
for (let j= 0; j <= SMTH2; j++) {
// add a <td> open....
15 Фев 2021 в 06:13
У меня есть .subscribe () в моем Body.component.ts
ngOnInit(): void {
this.pizzaSub = this.postService.getPizzas()
.subscribe((pizzas: IPizza[]) => {
this.pizzas = pizzas;
});
}
И сервис post.service.ts, который должен обновить мой вид тела
getPizzas(params?: A....
Есть один источник данных, который выдает значения 0 или 1.
Если 0, я хочу передать его через оператор switchMap.
Если 1, я хочу передать его через оператор выхлопной карты.
Как я могу это сделать?
https://stackblitz.com/edit/rxjs-gcvsfe
const source = from([0, 0, 0, 1, 1, 1]).pipe(
// if value ==....
14 Фев 2021 в 19:06
У меня есть Observable, который выдает ключи. Некоторые значения для ключей доступны локально, а некоторые необходимо получить из серверной части. Я разделил наблюдаемое на:
const [keysLocal, keysServer]
= keysObservable.pipe(partition(key => valueMap.has(key)));
Затем я извлекаю оба зн....
13 Фев 2021 в 20:02
Здравствуйте, я пытаюсь вставить dataUrl в массив, но после того, как for loop array.length все еще равен нулю, вот пример кода
public imageUrl: any[] = [];
upload($event) {
let files = $event.target.files;
for (let i = 0; i < files.length; i++) {
let reader = new FileReader();
reader.readAsD....
Основная проблема, которую я пытаюсь решить, заключается в том, что у меня есть сервер узла, который будет отправлять сообщения об ошибках журнала и отправлять сообщение об ошибке нашей команде при возникновении ошибки. В случае, если что-то пойдет не так, я не хочу забрасывать нашу электронную поч....
13 Фев 2021 в 01:06
У меня есть несколько наблюдаемых, которые в основном слушают изменения полей формы, и каждый раз, когда значение поля изменяется, он вызывает API
Моя проблема в том, что мне нужно дождаться завершения текущего вызова API и только затем выполнить другой вызов.
Текущая реализация выглядит так:
obs1$.....
11 Фев 2021 в 17:10
Я пытаюсь автоматизировать процесс обновления некоторых данных в серверной части моей программы. Я использую свой интерфейс Angular, где я создал функцию, доступную только для главного пользователя, и это должно заставить его входить в систему в каждой администрации (арендаторе), где он будет загру....
11 Фев 2021 в 16:29
Я несколько раз использовал следующий подход в своих проектах для передачи данных от одного компонента к другому. Однако на этот раз у меня есть 2 компонента: родительский (в AppModule) и боковая панель (в CoreModule), и я пытаюсь передать данные от родительского элемента на боковую панель при изме....
10 Фев 2021 в 16:37
Я пишу сервис, который, как я предполагаю, будет хранить локальные копии объектов Place и извлекать их из серверной части, только если они не хранятся локально. Однако у меня возникают проблемы с реализацией этой функции. Я мог бы настроить свою страницу на вызов fetchPlace(), если значение из pla....
10 Фев 2021 в 05:25
У меня есть метод обслуживания, который выполняет следующие действия:
Находит пользователя в базе данных по его идентификатору Проверяет, найден ли пользователь Использует bcrypt для сравнения пароля, хранящегося в БД, с паролем, указанным в качестве параметра. Выбрасывает UnauthorizedException, есл....
9 Фев 2021 в 23:36