如何动态分配键和值

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';