typescript - Angular'da 'nesne özelliğini otomatik olarak alfabetik sıraya göre sıralamayı' nasıl engellerim?


Angular'da anahtarı sırasız tanımlanmış bir nesneyi başlatıyorum ama bunu HTML'de yazdırdığımda otomatik olarak alfabetik sıraya geçiyor.

tslint.json kullanarak aşağıdaki gibi bazı kuralları ayarlamayı denedim

{
    "extends": ["tslint:recommended"],
    "rules": {
        "object-literal-sort-keys": false 
    }
}

ve ayrıca

"jsRules":{
    "object-literal-sort-keys": false,
}

ama beklenen çıktı üzerinde hiçbir etkisi yok.

App.component.ts içinde nesneyi başlat

abc: Object = {'State': 'asd', '1': 'roshan', '2': 'ramanuj', 'city': 252};

app.bileşen.html

<div>{{ abc | json }}</div>

Beklediğim çıktı {"State": "asd", "1": "roshan", "2": "ramanuj", "city": 252 } ama gerçek çıktı { "1": "roshan", "2": "ramanuj", "State": "asd", "city": 252 }

Cevap #1

Burada bir dizi tanımlamalısınız

abc = [ {name: 'Ramesh'}, { name: 'asd'} , {name: 'avinash'}, {name: 252} ];

ngFor kullanarak bunu yazdırın

<div *ngFor="let item of abc">{{item.name}}</div>