如何从AngularDart组件手动获取/设置对象模型？

Question

Angular在Scope中的某个地方管理我们的对象，但我需要手动设置并获取控制组件的对象，这样一旦我通过JSON从Web下载模型，我就可以自动设置所有组件的信息。

示例

@Component (selector: 'my-component')
class MyComponent {
    //component fields
}

当用户与<my-component>进行互动时，它会更改其字段。我希望能够使用其字段获取整个MyComponent对象，以便像这样保存它们

MyComponent comp = magicComponentGetterFunc('my-component');
String json = encodeJson (comp); //I do this this redstone_mapper

Answer 1

我认为ngProbe可以做到这一点。

ElementProbe ep = ngProbe('my-component');

您可以访问https://pub.dartlang.org/packages/angular中提到ngProbe或ElementProbe的链接来查找示例。

CHANGELOG.md提到动画需要ngProbe，但ElementProbe类上的codedoc仍然表示它是用于测试和调试（参见https://github.com/angular/angular.dart/blob/96c0bcc7b6b0c3501b2c4799f425de8cd2e4dc0c/lib/core_dom/view_factory.dart#L259）

要获取JSON，您必须实现一个getter /方法（例如toJson），它返回您想要的JSON或使用一些可用的序列化解决方案（参见State of Serialization and Deserialization of JSON in Dart）。

如果你想这样做，这通常表明你的方法与Angular的使用方式相反。