angularjs按空格对象排序
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs按空格对象排序相关的知识，希望对你有一定的参考价值。
我有一个用户列表，其中包含带有这样空格的对象;
'用户名，名字，姓氏，电话号码，用户图像'
在将此列表绑定到datatable时，我这样做是为了实现我的数据
<tr ng-repeat="user in lstUsers | orderBy : ['User Name']>
<td> <img ngf-thumbnail="user['User Image']" alt="" id="imgUserImage{{$index}}" /></td>
<td>{{ user['User Name'] }}</td>
<td>{{ user['First Name'] }}</td>
<td>{{ user['Last Name'] }}</td>
<td>{{ user['Phone #'] }}</td>
</tr>
除了order by之外，它的工作原理非常好，如果我以这种方式使用它会给出错误orderBy : ['User Name']
错误：[$ parse：syntax]语法错误：令牌'名称'是从[名称]开始的表达式[用户名]第6列的意外标记。
如果我使用orderBy : '[User Name]'，它会抛出这个错误;
错误：[$ parse：syntax]语法错误：令牌'名称'是意外的，期望在[名称]开始的表达式[[用户名]]的第7列处为[]]。
如果我使用orderBy : 'User Name'，它会抛出这个错误;
错误：[$ parse：syntax]语法错误：令牌'名称'是从[名称]开始的表达式[用户名]第6列的意外标记。
如果我像这个orderBy : 'UserName'一样没有空间使用它，它不会给出任何错误，但不会对表格应用任何订单。
如何在桌面上申请订单？任何形式的帮助将不胜感激。
答案
您可以使用UTF8 code将字段名称括起来作为引号：
<tr ng-repeat="user in lstUsers | orderBy:'u0022User Nameu0022'">
DEMO
angular.module("myApp",[]).controller("myController",function($scope){
$scope.lstUsers = [
{"User Name": 'SACHIN', age: 12},
{"User Name": 'AJMAL', age: 14},
{"User Name": 'SMITH', age: 15},
{"User Name": 'RICHARD', age: 16},
{"User Name": 'OSCAR', age: 32}
];
});<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-controller="myController">
<div ng-repeat="user in lstUsers | orderBy:'u0022User Nameu0022' ">
<h1>{{user['User Name']}}</h1>
<h1>{{user.age}}</h1>
</div>
</body>
</html>以上是关于angularjs按空格对象排序的主要内容，如果未能解决你的问题，请参考以下文章