Question

我需要将输入字段添加到对象数组和一个根据用户选择动态增长的地图。

例如InputForm有一个列表和一个地图，需要用户填写。

export class InputForm {
  mapA: {};
  listA: ListA[] = [];
}

export class ListA {
    input1 : String
    input2 : number
}

我需要以这样的方式在UI上显示它：输入1，输入2和键，用于标准映射的值可见。用户填写所有4个输入字段，然后单击“添加”按钮。

然后，对于第二个输入，相同的输入字段应再次为用户可编辑。这样，他就可以构建列表和地图，并且当他单击“提交”按钮数组和地图时，应该已经填充了所有值。

*ngFor不起作用，因为初始列表为空。

Answer 1

假设您正在使用 Angular反应形式，则可以结合使用<dependency> <groupId>com.datastax.spark</groupId> <artifactId>spark-cassandra-connector_2.11</artifactId> <version>${spark-cassandra-connector.version}</version> </dependency> <dependency> <groupId>com.datastax.cassandra</groupId> <artifactId>cassandra-driver-core</artifactId> <version>${cassandra-driver-core.version}</version> </dependency>和.saveToCassandra("schema", "tableName")。您可以从空的*ngFor开始，然后使用FormArray方法动态添加。这是一个很好且详细的示例https://alligator.io/angular/reactive-forms-formarray-dynamic-fields/

order-form.component.ts：

FormArray

order-form.component.html：

.push()

如何以角度6

1 个答案: