Angular 如何通过管道角度4呈现UL列表?
我有以下UL清单:Angular 如何通过管道角度4呈现UL列表?,angular,Angular,我有以下UL清单: <li class="item" *ngFor="let lang of languages | orderBy: 'def'">{{lang.id}}</li> 语言对象是: [ { "id": 1, "code": "fr", "active": true, "def": 0, "hide": false }, { "id": 2, "code": "ru", "active": true, "def": 1, "hide": false }
<li class="item" *ngFor="let lang of languages | orderBy: 'def'">{{lang.id}}</li>
语言
对象是:
[ { "id": 1, "code": "fr", "active": true, "def": 0, "hide": false }, { "id": 2, "code": "ru", "active": true, "def": 1, "hide": false } ]
如您所见,此管道按属性“def”进行排序。在我的例子中,第一个元素li
应该是{“id”:2,“code”:“ru”,“active”:true,“def”:1,“hide”:false}
但我看到这并没有发生。模板未呈现
我检查了这个:
var c = _.sortBy([ { "id": 1, "code": "fr", "active": true, "def": 0, "hide": false }, { "id": 2, "code": "ru", "active": true, "def": 1, "hide": false } ],"def");
它返回给我一个对象:
{id: 1, code: "fr", active: true, def: 0, hide: false}
{id: 2, code: "ru", active: true, def: 1, hide: false}
正如您所看到的,def:1的元素不在第一位。用户
{“id”:1,“code”:“fr”,“active”:true,“def”:0,“hide”:false}
将是第一个对象,因为此对象的def为0,而其他对象的def为1。转到下划线站点并粘贴。\uTby([{“id”:1,“code”:“fr”,“active”:true,“def”:0,“hide”:false},{“id”:2,“code”:“ru”,“active”:true,“def”:1,“hide”:false}],“def”)
在控制台中检查结果,如果有,请参阅对象。它可能会排序对象,但不会渲染您可以将结果对象粘贴到此处吗?请再次查看问题,我已发布
{id: 1, code: "fr", active: true, def: 0, hide: false}
{id: 2, code: "ru", active: true, def: 1, hide: false}
_.sortBy([ { "id": 1, "code": "fr", "active": true, "def": 0, "hide": false }, { "id": 2, "code": "ru", "active": true, "def": 1, "hide": false } ],"def").reverse()