Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何通过管道角度4呈现UL列表?_Angular - Fatal编程技术网

Angular 如何通过管道角度4呈现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 }

我有以下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 } ]
如您所见,此管道按属性“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()