<select class="form-control selectpicker" data-style="form-control btn-primary" [(ngModel)]="serverName" >
<option data-content="<i class='glyphicon glyphicon-cutlery'></i>" *ngFor="let instance of instances" [ngValue]="instance.insturl">{{instance.name}}</option>
</select>
這是我的HTML選擇解析在ngFor嵌套JSON在密鑰未知
此前據工作時,我保持着平坦的層次!
instances= [ {instanceurl: 'http://instances-url',
name: 'instance-name', versionURL: '2017.6'},
{instanceurl: 'http://instances-url',
name: 'machine name', versionURL: '2017.5'
}];
但現在我做到了嵌套,因爲我想通過對象到後端不是值。
instances= [ {name:
{'instance-name(this is dynamic)':{
instanceurl: 'http://instances-url',
, versionURL: '2017.6'}}},
{name:
{'machine name(this is dynamic)':{
instanceurl: 'http://instances-url',
, versionURL: '2017.5'}}}
];
現在這不起作用!如何繞過ngFor並仍然獲得與我以前相同的值? 我知道,當我做ngFor讓實例的實例,它給了我的數組對象。所以我可以做instance.name,但它會返回一個我不知道的密鑰對象,因爲它是動態的。如何讓我的方式通過這個嵌套的JSON?
你的JSON結構似乎有一些問題。我會從第一個開始! 「名稱」不是新對象中的名稱,它是具有其他屬性的對象?然後在裏面,你有'實例名稱(這是動態的)'作爲另一個對象的名稱... 真的最好不要使用動態名稱,並有一個相當規則或靜態的JSON結構。 我無法真正想到爲什麼你需要這樣一個動態結構的任何好理由。處理它的方法相當複雜! (你必須遍歷數組,存儲一個不同名稱的列表,然後檢查它們全部) – NightCabbage
@NightCabbage那麼我怎樣才能構造它?整個想法是在下拉菜單中顯示機器名稱!在平面層次結構中,我有名稱:機器名稱現在很簡單它不是:( –