将对象JSON作为Angular2中的值

时间:2017-12-12 10:25:56

标签: angular

我在一个select string中显示为option并且它有效。我的问题是,我希望将整个JSON对象作为此value的{​​{1}},但我得到了我正在显示的option

我的代码如下:

string

我解释一下: 汽车和对象车 汽车是一辆汽车的对象。对象如下:

    <select *ngIf="car" class="form-control" #oneDoor  (change)="getRecDet(oneDoor.value);"  required >
          <option *ngFor="let oneDoor of car.doors" [ngValue]="oneDoor">{{oneDoor.position}}</option>
    </select>

所以我试图只针对每个 export class Car { name: String; doors: [{ position: String }] } 位置展示。这有效,但我希望我从door获得的value(不是我展示的那个,只是我在后端得到的那个)将是整个对象({{ 1}})但我只能得到select

我知道name, doors, position只获得String,因此我尝试使用value={{}},但它一直在发生。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您应该使用&#34;框&#34;将其绑定到ngValue语法:[value]

<select  #coche (change)="getCoches(coche.value);" >
    <option type="text" *ngFor="let coche of coches" [ngValue]="coche">{{coche.nombre}}</option>                       
</select>

value仅支持字符串。如果要绑定到对象,则应使用ngValue并使用&#34;框&#34;绑定到它。符号