如何动态分配键和值

Question

我想收集用户输入详细信息作为键值对。假设，在我的视图侧，有两个输入字段并作为对象中的键值对添加。使用onclick事件会动态生成更多输入字段集。因此，然后添加了键值对动态地在对象中

我尝试使用输入事件在angular2中实现它，但没有成功。

currencyObj: any = {
partnerId: '',
currency: '',
val: '',`enter code here`
interactionId: '',
details: {}  
};

在模板中：

<div class="col-md-6">
      <div class="group">
         <button id="buttonlogintoregister" class="small pull-right" type='button' (click)="counterAdd()">Add Fields <span class="glyphicon glyphicon-plus-sign"></span></button>
      </div>
    </div>
  <hr>
  <div *ngFor='let count of counter'>
 <div class="col-md-12">
    <div class="col-md-6">
      <div class="group">
        <input class="inputMaterial" type="text"  [(ngModel)]="currencyObj.details[input1]" required>
        <span class="highlight"></span>
        <span class="bar"></span>
        <label>Field1<span style="color:red;"> *</span></label>
      </div>
    </div>
    <div class="col-md-6">
      <div class="group">
        <input class="inputMaterial" type="text" [(ngModel)]="currencyObj.details[input1]=input2" required>
        <span class="highlight"></span>
        <span class="bar"></span>
        <label>Field2<span style="color:red;"> *</span></label>
      </div>
    </div>
  </div>
</div>
</div>

Answer 1

您可以像这样动态分配键和值：

var k = 'key';
currencyObj[k] = 'value';