ngModel双向的角度

Question

我的JSON嵌套* ngFor约束力的样子：

"assets" : [ 
     { 
      "resourceName" : "keyboard", 
      "characteristics" : { 
       "serialNo" : "abc123", 
       "brand" : "DELL" 
      } 
     }, 
     { 
      "resourceName" : "Domain Account" 
     } 
    ] 

我进行双向对HTML形式显示的SerialNo和品牌价值作为输入绑定。这里是我的HTML的输入代码

<table border="0"> 
 
    <tr *ngFor="let r of assets; let i=index"> 
 
      <td>{{r.resourceName | uppercase}} :</td> 
 
      <td *ngFor="let key of r.characteristics | keys;let in=index; trackBy:keys" > 
 
    {{key | uppercase}}: 
 
    <input name="r.characteristics[key]" value="r.characteristics[key]" [(ngModel)]="r.characteristics[key]">&nbsp;&nbsp; 
 
      </td> 
 
      </tr> 
 
    </table>

在我的形式，对于输入字段，我得到的值作为DELL这是品牌的价值。我希望“abc123”在serialNo字段和DELL品牌字段中显示。有关确切的问题描述请参考plnkr。提前感谢。

Answer 1

首先，我没有在你的代码段管keys看，它应该是为以下几点：

@Pipe({ name: 'keys', pure: false }) 

export class KeysPipe implements PipeTransform { 
    transform(value: any, args: any[] = null): any { 
     return Object.keys(value) 
    } 
} 

此外，name属性应设置正确：

HTML：

<input name="someName[i]" [(ngModel)]="r.characteristics[key]"> 

plunker