Angular Dart：我们如何将对象迭代到 html？

Question

我在 angular dart 中有一个 proto 对象我正在从 proto 对象中获取值到 dart 对象中，但我无法将它迭代到 html 中。我怎样才能像我们在 angular 中那样将这个东西变成飞镖？

Var obj=[{name:”test”}];

Html:

{{obj[0][‘name’]}}

我试过创建如下对象：

List<Map<String,String>> details;

    details= [{‘name’:’test’}];

Html:

{{details[0][‘name’]}}

但我收到错误消息“未为 class 定义 getter”。

Answer 1

试试下面的代码：

飞镖文件：

 List<Fields> fields = [
    Fields("Jess", 10),
    Fields("Sujuta", 11),
  ];

class Fields {
  final String name;
  final int age;

  const Fields(this.objectName, this.age);
}

HTML 文件:

<div *ngFor="let field of fields">{{field.name}}</div>

Angular Dart：我们如何将对象迭代到 html？

Angular Dart: How can we iterate object into html?

dart

angular-dart