dart - "Observer reaction functions should not change model"使用嵌套的 ng-repeat 是什么意思？-6ren

dart - "Observer reaction functions should not change model"使用嵌套的 ng-repeat 是什么意思？

转载作者：行者123 更新时间：2023-12-05 01:04:45

24

4

这是代码的简化版本，即使生成的 HTML 看起来不错，我也会在其中记录错误。这个异常是什么意思？为什么我会得到它？

索引.html:

<!DOCTYPE html>
<div ng-app main>
  <div ng-repeat="a in ctrl.listOfA">
    <strong>{{ a }}</strong>
    <div ng-repeat="b in ctrl.listOfB(a)">
      {{ b }}
    </div>
  </div>
</div>

<script type="application/dart" src="main.dart"></script>
<script src="packages/browser/dart.js"></script>

主要.dart:

import 'package:angular/angular.dart';  /* 0.9.10 */

@NgController(selector: '[main]', publishAs: 'ctrl')
class MainController {
  final listOfA = new List.generate(2, (i) => 'a$i');
  listOfB(a) => new List.generate(2, (i) => 'b$i').map((e) => '$a-$e');
}

void main() {
  ngBootstrap(module: new Module()
    ..type(MainController)
  );
}

记录的错误:

Observer reaction functions should not change model. 
These watch changes were detected: ctrl.listOfB(a): (a0-b0, a0-b1) <= (a0-b0, a0-b1); ctrl.listOfB(a): (a1-b0, a1-b1) <= (a1-b0, a1-b1)
These observe changes were detected: 

STACKTRACE:
#0      RootScope.flush.<anonymous closure> (package:angular/core/scope.dart:554:11)
#1      RootScope.flush (package:angular/core/scope.dart:560:9)
#2      RootScope.flush (package:angular/core/scope.dart:561:7)
#3      RootScope.flush (package:angular/core/scope.dart:561:7)
#4      apply (package:angular/core/scope.dart:262:18)
#5      _rootRun (dart:async/zone.dart:710)
#6      _rootRun (dart:async/zone.dart:711)
#7      _rootRun (dart:async/zone.dart:711)
#8      _ZoneDelegate.run (dart:async/zone.dart:440)
#9      NgZone._finishTurn (package:angular/core/zone.dart:96:21)
#10     NgZone._onRunBase (package:angular/core/zone.dart:61:43)
#11     _onRun (package:angular/core/zone.dart:66:15)
#12     _ZoneDelegate.run (dart:async/zone.dart:440)
#13     _CustomizedZone.run (dart:async/zone.dart:650)
#14     NgZone.run (package:angular/core/zone.dart:148:35)
#15     ngBootstrap (package:angular/bootstrap.dart:92:18)
#16     main (http://127.0.0.1:3030/xxxx/web/test/main.dart:13:14)

最佳答案

Angular 只支持表达式中的纯函数。我猜这是从 0.9.10 开始的，因为最近已经有一个类似的问题，它在更新后停止工作。

ctrl.listOfB(a)

应该总是为相同的参数返回相同的结果，

或者即使结果相同，原因也可能是 ctrl.listOfB(a)总是返回相同结果的新实例。 Angular 0.9.10 也不喜欢这个。

它重复评估表达式，并在每次抛出时是否收到新结果。

我认为解决方案是缓存结果并从缓存中返回(如果已经可用)。

关于dart - "Observer reaction functions should not change model"使用嵌套的 ng-repeat 是什么意思？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22637485/

24

4

0

文章推荐： couchdb - PouchDB 离线时保持轮询

文章推荐： liferay - 授予新用户访问组织页面的权限

文章推荐： regex - Notepad++ 正则表达式结尾

android - Observable.concat(observable,observable) 的奇怪结果
一段时间后，我阅读了有关 RxJava concat 的内容，并决定测试一下我的理解力。但是我遇到了一些我不太理解的行为。问题是，当我连接两个可观察对象时，根据我将它们传递给 Observable.
angular - 类型 Observable> 不可分配给类型 Observable
我正在使用来自数据库服务的数据实现自动完成: @Injectable() export class SchoolService { constructor(private db: AngularF
observable - 创建一个延迟下一个值的 Observable
我正在尝试使用 RxJS 创建一个可观察的对象，它可以执行如图所示的操作。获取一个值并等待一段固定的时间才能获得下一个。下一个将是该周期内发出的最后一个值等等，跳过其余部分。如果等待时间间隔
javascript - 基于 observable，从 observable 对象中选择 observable
我有一个可观察对象和另一个提供的可观察对象改变 key 。我想构建一个在之间切换的可观察对象基于该键的对象中的可观察值。示例: // Choose randomly between "up" or
dart - 我如何@observe 不实现 observe.Observable 的对象在聚合物中
我使用 protobuffers 在我的前端和我的 Dart 服务器之间进行通信。那些对象没有实现 Observable . 我的 Dart 聚合物对象看起来像: @CustomTag('user-
java - 模型类应该扩展 Observable 还是应该是扩展 Observable 的类中的变量 Observable
在 java swing 项目中，我有一个模型类，它保存某个 JPanel 的状态。我需要使这些数据可供 View 使用。我认为有两种选择。有一个扩展 Observable 的类并将模型作为实例变量。
javascript - RxJs - observer.isStopped、observer.observer.isStopped 和 observed.m.isDisposed 之间有什么区别
我想找到一种方法来检测观察者是否已完成使用我使用 Rx.Observable.create 创建的自定义可观察对象，以便自定义可观察对象可以结束它并正确地进行一些清理。因此，我创建了一些测试代码，如
javascript - 将 observable 数组的 observable 转换为 observable 数组
我正在尝试查询数据库。迭代结果列表，并为每一项再执行一个请求。在 rxjs 构建结束时，我有 Observable[]> 。但我需要Observable 。如何做到这一点？ this.caseServ
java - 如何检测 Observable> 中所有包含的 Observable 的完成
我希望我的 api 上有一个方法返回 Observable> 但我希望该方法中的代码知道所有包含的 Observables 是否已完成，以便它可以关闭某些内容。最好的方法是什么？更明确地说，我希望完
java - 使用参数中第一个 Observable 的结果将两个 Observable 与第二个 Observable 组合起来
我有两个方法返回 Observable> firstAPI.getFirstInfo("1", "2"); secondApi.getSecondInfo(resultFirstObservable,
android - 将 Observable> 扁平化为 Observable
我有一个 Observable返回单个 Cursor实例(Observable)。我正在尝试利用 ContentObservable.fromCursor获取 onNext 中每个游标的行回调。我想
java - 将 Observable 与第二个 Observable 结合使用第一个 Observable 的结果
我有两种返回 Observable 的方法: Observable firstObservable(); Observable secondObservable(String value); 对于第一
angular - 嵌套的 Observables : adding an observable as a property of an observable and unwrapping it
我正在尝试创建一个将用户数据作为 Observable 的函数，并使用来自第一个 observable 的数据从查询中添加/合并数据，然后将所有这些数据作为一个 observable 返回，我可以这样
typescript - 将 ECMAScript Observable/Zen Observable 转换为 RXJS Observable
我有一个 spec-compliant ECMAScript Observable ，具体来自 wonka library .我正在尝试将这种类型的 observable 转换为 rxjs 6 obs
javascript - 将 observables 的 observables 数组转换为 observables rxjs 数组
为了简化问题，我在这里使用了数字和字符串。代码: const numbers$:Observable = of([1,2,3]); const strings: string[] = ["a","b"
java - 我如何将来自不同 observable 的 rx.Observable 搜索结果合并到一个 Observable 中？
对于我的 Android 应用程序，我需要一个 Observable 来聚合来自 7 个不同搜索的结果并作为一个集合发出。对于最终发射，我选择了 ListMultimap其中 Content是搜索结
android - Observable 返回类型必须参数化为 Observable 或 Observable
我正在使用改造 2.0.0-beta2 并且调试构建工作正常，但我在使用 Proguard 发布构建时遇到以下错误。这是更新后的 logcat 错误。 11-17 18:23:22.751 1627
typescript - Observable 中的 observer.throw 和 observer.error 有什么区别？
observer.throw(err) 和 observer.error(err) 有什么区别？我正在使用 RxJS 版本“5.0.0-beta.12” var innerObservable =
c# - 接收 : Create a subsequent observable from an observable with a different type (Chaining observers)
我们有一种情况，对服务的方法调用返回一个 IObservable但我们的客户期望 IObservable .将 T1 转换为 T2 很简单。 Rx 中有什么允许这样做的吗？ (即链接观察者) 我知道我
java - 如何将 Observable>> 转换为 Observable>
我陷入了如何将以下可观察类型转换/转换为我的目标类型的困境: 我有可观察的类型: Observable>> 我想将其转换为: Observable> 所以当我订阅它时，它会发出 List不是Obser

首页

博学

6Ren·AI

商城

dart - "Observer reaction functions should not change model"使用嵌套的 ng-repeat 是什么意思？