angularjs按空格对象排序

问题描述 投票:0回答:1

我有一个用户列表,其中包含带有这样空格的对象;

'用户名,名字,姓氏,电话号码,用户图像'

在将此列表绑定到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'一样没有空间使用它,它不会给出任何错误,但不会对表格应用任何订单。

如何在桌面上申请订单?任何形式的帮助将不胜感激。

angularjs datatables angularjs-orderby
1个回答
3
投票

您可以使用UTF8 code将字段名称括起来作为引号:

HTML

<tr ng-repeat="user in lstUsers  | orderBy:'\u0022User Name\u0022'">

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 Name\u0022' ">
   <h1>{{user['User Name']}}</h1>
   <h1>{{user.age}}</h1>
  </div>
 </body>

  </html>
© www.soinside.com 2019 - 2024. All rights reserved.