Angular 9模板重新订阅使用getter函数时鼠标单击时的Observable

文章/答案/技术大牛

发布

1回答

angular、typescript

我刚刚花了很长时间调试一个我不理解的问题。基本上，每次我在页面上点击一个按钮或任何带有点击事件的东西时，特定组件的模板都会重新订阅一个可观察对象，即使是在页面上单击不相关的组件时也是如此。注意:我的所有组件也都使用OnPush更改检测。在我的Angular 9组件中，我有以下一段代码。注意，这是一个getter</e

浏览 28提问于2020-07-03得票数 1

3回答

Angular 4可观察鼠标坐标

angular

我想知道如何使用Angular 4只使用观察值而不使用http服务来获得鼠标坐标X和Y。

浏览 0提问于2017-07-07得票数 2

回答已采纳

1回答

Setters和Getters“映射”另一个属性，使用Angular的HttpClient返回未定义的

angular、typescript、getter-setter、angular-httpclient

我遇到了一些关于setter和getter的奇怪行为，这些setter和getter在从Angular的(v5) HttpClient检索时设置/返回TypeScript中对象的另一个公共属性。HttpClient检索Rule对象，如下所示：在订阅该Observable<Rule>时，我发现

浏览 1提问于2018-01-27得票数 2

回答已采纳

2回答

只有在我移动鼠标后，角组件才会更新视图中的变量。

angular、typescript、observable

问题所在最奇怪的是，这两个console.log工作得很好。我重新加载页面，使鼠标保持静态。我移动鼠标，模板显示我在控制台中已经看到的更新的值。我设法使

浏览 7提问于2017-01-26得票数 3

回答已采纳

2回答

在ngIf指令中使用返回布尔值的函数是否会对性能产生负面影响？

angular

我的意思是： // my.component.tspublic isVisible() {} 然后在模板中： // my.component.html <p>Hi!</p> </div> 这

浏览 64提问于2020-12-10得票数 0

1回答

自定义元素上的Angular非常奇怪的错误

angular、select

我创建了一个自定义的select元素，并且出现了一个奇怪的bug。new-address组件就是产生这个bug的组件。我只能从select组件中选择一项，之后似乎不再调用select.ts中的函数OptionSelectedEvent。我希望有人能帮我解决这个奇怪的问题。

浏览 37提问于2019-04-15得票数 2

回答已采纳

2回答

如何更改Observable的成员对象字段的值？

angular、rxjs、ngrx、spartacus-storefront

ngOnInit()中有Observable<>。ngOnInit() { } this.products$是Observable我想要将所有Product[]的代码值更改为新的值。对于这个愚蠢的问题我很抱歉。我不擅长typescript和angular，所以我试图找到一些解决方案，但失败了。有什么简单的方法吗？附注:我将此代码添加

浏览 60提问于2021-01-09得票数 0

回答已采纳

1回答

为什么使用RxJS .asObservable() getter/工厂函数模式？

angular、typescript、rxjs、reactivex

在许多使用RxJS的代码库中，我似乎遇到了通过getter或普通getObservable()函数将私有Subjects公开为Observables的模式。我的问题不是为什么要使用.asObservable()，而是为什么它似乎通常封装在getter/工厂函数中？_engineInfo$.asObservable(); ，，我还不知道的是，.asObservable()每次订阅Su

浏览 2提问于2020-04-18得票数 6

2回答

当没有返回结果时，如何防止角异步管道频繁进行服务器调用？

angular、typescript

我正在使用async管道在ngFor中观看一个可观察到的。可观察性是由访问我的服务器的服务创建的，当ngFor循环被枚举时，该服务在加载时正确地调用服务器。现在，我不明白:当任何结果回来时，一切都会像预期的那样发生。但是，如果服务器的响应是一个404，并且没有结果可用于枚举，async管道将导致服务继续发出请求，间隔数毫秒。这显然没什么好处。这里的设计期望是什么，如何优雅地处理在使用异步管道

浏览 5提问于2016-07-25得票数 13

回答已采纳

1回答

angular2 rxjs共享订阅不触发

angular、rxjs

Angular2 2.0.0-beta.15，Rxjs 5.0.0-beta.2我有一个angular2组件，它订阅两个可观测值，并在其模板中显示值，该模板还使用异步管道订阅可观测数据。我单击一个按钮，用一些垃圾在两个可观察到的位置上设置.next()。模板更新并显示每个值<em

浏览 1提问于2016-04-14得票数 1

回答已采纳

1回答

我有一个Observable，它只在用户将光标拖到我的模板中的DOM元素上时发出，内部的observable将在每次外部observable发出时重新订阅。this.mousedrag$ = this.mousedown$.pipe(mergeMap(down => this.mousemove$.pipe(takeUntil(this.mouseup$)))); 我想在下面的模板</

浏览 0提问于2020-09-16得票数 0

3回答

角度-可观察到不可观察的变化

angular、typescript、observable、ngrx

假设我有一个可观察到的 public myObservable$: Observable<SomeModel> | undefined; 和不可见的 public myNonObservable: SomeModel因为像map和对象赋值这样的东西在这里似乎不起作用。

浏览 52提问于2021-07-05得票数 0

回答已采纳

2回答

如何从管道中加载JSON？

angular、http、angular2-pipe

我有一个正在加载JSON文件并在自定义管道中使用该服务的服务：import { Observable<any> { this.languageService.loadLanguage("en-US").subscribelangData[te

浏览 8提问于2017-11-30得票数 4

回答已采纳

2回答

角度为5的可观测值的不可解释行为

angular、observable、angular-forms、reactive

下面是可以在上运行的Angular组件的代码 selector: 'my-app', <div *ngIf="currentNumber$<number>; constructor() { this.primeNumbers$ = Observable.from([3,5,73,5,7个数字中的一个时，它会出现在表

浏览 0提问于2018-02-06得票数 1

4回答

Angular HttpClient取消订阅

angular、rxjs、observable

是否需要取消订阅Angular HttpClient的方法返回的Observable？例如：我需要取消订阅此订阅吗？我问这个是因为我不知道Angular是否会自己处理它。此外，请求是一次性的，而不是持续的。我倾向于认为我不需要。你的想法是什么？RxJS负责一次性<

浏览 2提问于2019-10-18得票数 6

2回答

可观察对象中的数据集未在模板中更新

javascript、angular、rxjs

我正在尝试学习Angular 2，并且正在使用Angular CLI重建我用Angular 2制作的Angular 1应用程序。我已经设置了一个HTTP GET请求，它成功地触发了，并设置了一个订阅者来解释结果，并且在订阅者函数中的控制台日志记录显示了我期望的数据。但是，模板上没有正在更新的数据。我尝试将数据设置为初始值、ngOnInit中的值和

浏览 11提问于2017-02-04得票数 1

回答已采纳

1回答

角度:在带有开关映射的ngOnInit中可观察到实例化的视图已完成，但当我使用异步管道(仅在鼠标单击后)时，视图不会更新。

angular、asynchronous、observable、angular2-changedetection

我有奇怪的问题，变化检测，switchMap和异步管道的角。想象一下组件中的以下(简化)代码： this.sellerProducts$ = Observable.combineLatest([(params[1].seller.id));使用以下(简化)模板： <ng-template #loading><app-loader></app-loader></

浏览 2提问于2017-05-04得票数 2

3回答

角订阅响应在每次呼叫中重复多次。

javascript、angular、typescript、promise、subscription

目标是创建一个服务，该服务将用作“创建确认对话框”，并返回弹出窗口中单击的“确认”或“取消”。当我单击该按钮时，单击第二次后，单击“取消”或“确认来自product.component.ts的响应是复制了两次”，即，来自订阅响应的console.log重复两次，console.log显示"Running当我第三次单击该按钮时(一旦对话框在单击“确认/取消”后关闭

浏览 15提问于2022-11-08得票数 0

1回答

如何在RxJS中使用take()而不取消订阅observable

javascript、rxjs、reactive-programming、rxjs5

我有一个表示无限数据源的observable，我希望用户以交互方式获取n项的页面(例如，单击next或使用无限滚动)。问题是，当我使用take()时，它也会取消对我的源代码的订阅，所以当我想要获取更多项目时，它会重新开始。我知道skip()，所以我可以快进，但是因为我的source会进行api调用，所以这样做的代价可能会很高(它在必要时会在幕后<

浏览 0提问于2018-01-31得票数 0

2回答

Angular - reusing a component？

javascript、angular、rxjs、observable

所以，这就是我的用例:我从rest API获取一个observable，然后通过在模板中使用async来获取数据。单击时，我将获得特定用户的ID，然后使用该用户的数据填写表单。为了实现后者，我重用现有的观察值并过滤数据，然后订阅它。我想知道我的方法是否正确，因为我认为当我点击“编辑”来填写表单时，应用程序太慢了，所以我猜我在这里创建了太多的订阅或

浏览 0提问于2017-11-05得票数 0

点击加载更多