Как предотвратить «автоматическую сортировку свойств объекта в алфавитном порядке» в Angular?

Question

Я инициализирую объект под углом с заданным неупорядоченным ключом, но когда я печатаю его на html, он автоматически меняется на алфавитный.

Я пытался решить, используя tslint.json, чтобы установить некоторые правила, подобные следующим:

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

а также

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

но ничего не влияет на ожидаемый результат.

инициализировать объект в App.component.ts

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

app.component.html

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

Я ожидаю, что на выходе будет {"State": "asd", "1": "roshan", "2": "ramanuj", "city": 252 }, но на самом деле будет { "1": "roshan", "2": "ramanuj", "State": "asd", "city": 252 }

Answer 1

Вы должны определить массив здесь

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

Используйте ngFor, чтобы напечатать его

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

Answer 2

Вы используете JS object, то есть definition does not keep order. Думайте об этом как key => value map, так что create an array of objects.

Вы должны использовать массив, который будет хранить все, что вы вставляете в индекс, в который вы его вставили. Думайте об этом как список.