angularjs 공백이있는 객체로 정렬

다음과 같은 공백이있는 객체를 포함하는 사용자 목록이 있습니다. 나는이 방법으로 그것을 사용하는 경우angularjs 공백이있는 객체로 정렬

'User Name, First Name, Last Name, Phone #, User Image'

데이터 테이블에이 목록을 결합하면서, 나는 그것이 order by 제외하고는 완벽하게 잘 작동

<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>

내 데이터를 달성하기 위해이 일을하고있어, 그것은 오류를 제공 orderBy : ['User Name']

Error: [$parse:syntax] Syntax Error: Token 'Name' is an unexpected token at column 6 of the expression [User Name] starting at [Name].

orderBy : '[User Name]'을 사용하면이 오류가 발생합니다.

Error: [$parse:syntax] Syntax Error: Token 'Name' is unexpected, expecting []] at column 7 of the expression [[User Name]] starting at [Name]].

내가 orderBy : 'User Name'를 사용하는 경우,이 오류가 발생합니다;

Error: [$parse:syntax] Syntax Error: Token 'Name' is an unexpected token at column 6 of the expression [User Name] starting at [Name].

나는이 orderBy : 'UserName' 같은 공간없이 사용하는 경우, 어떤 오류를 포기하지하지만 테이블에 임의의 순서로 적용되지 않습니다.

테이블 주문시 어떻게해야합니까? 모든 종류의 도움을 주시면 감사하겠습니다.

출처

2017-12-19 Null Pointer

당신은 인용 부호에 대한 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>

출처

2017-12-19 07:55:59 Sajeetharan

내 날을 저장했습니다. 감사합니다. –

angularjs 공백이있는 객체로 정렬

답변

관련 문제