kzen.dev
더보기
Question

사용할 때 데이터를 정렬할 디렉티브을 ng 반복하십시오 (key, 값)

I have a 코드를 사용하여, (키 값) 의 이 같은 일이 ng 반복하십시오 = &quot data". 의 컨트롤러거:

-6">
g-graydark rounded-lg p-5 overscroll-contain overflow-auto"> $scope.Dates = {"Today":"30", "This Week":"42", "This Month": "Oct", "This Quarter" : "
ad", "This Year" : 2013 }

그리고 디렉티브을 ng 반복하십시오 있다

-6">
g-graydark rounded-lg p-5 overscroll-contain overflow-auto"><div ng-repeat="(key,value) in Dates"> {{key}} ==> {{value}} </div>

출력물에는 정렬할지 순서에 따라 오는

-6">
g-graydark rounded-lg p-5 overscroll-contain overflow-auto">This Month ==> Oct This Quarter ==>
ad This Week ==> 42 This Year ==> 2013 Today ==> 30

How to get rid of 이 정렬 (이상한) 를 사용할 수 있는 난 로렌아줌마가 키 코드. 하지만 내가 체크된다면 구글 그룹 (there was a 는 키 값을 저장하는 어레이에는 사용하기 위한 2 중 어느 한 해야했다.

-3">
/em
edded/result,js,html,css/">. # 39, t want to go 대체하십시오 don& 외곽진입.

프로그래밍
angularjs
Solution / Answer

이는 각 JavaScript 의 제한은라이센스 없습니다.

[ECMAScript 3 에디션입니다] 에서 [1]:

&gt. 4.3.3 멤버인지 객체를 문자 오브젝트의. It 는 비순서 취합은 각 프리미티브 포함하는 속성 &gt. 가치, 객체 또는 함수. 저장됩니까 속성에 함수 &gt. 객체에는 호출됨 메서드입니다.

2 에서 [ecma 스크립트 언어 사양명세]

&gt. 이 [.] 속성을 열거하는 순서를 [.] &gt. 지정되지 않은 .

각 [신규인지 객체 키 명시적으로] [3] 제공하기 위해 최소한 일종의 영구 비헤이비어를.

    • 는 해결하십시오 반복할 추출했습니다 키:
<div ng-repeat="key in keys(Dates)">
  {{key}} ==> {{Dates[key]}}
</div>
$scope.keys = function(obj){
  return obj? Object.keys(obj) : [];
}

$scope.Dates = {
  "Today":"30",
  "This Week":"42",
  "This Month": "Oct",
  "This Quarter" : "Bad",
  "This Year" : 2013
};

[1]: % %20december% 201999.pdf 20edition 203rd% http://www.ecma-international.org/publications/files/ecma-st-arch/ecma-262,

[3]: https://github.com/angular/angular.js/blob/v1.1.5/src/ng/directive/ngRepeat.js # L225

Stewie
Stewie
편집된 답변30일 10월 2013 в 11:35
65
질문이 있으신가요? 사이트에 추가하고 즉시 답변을 받으세요.
ko.kzen.dev

편집: [# 39, ve 파일링되었습니다 I& 버그] (https://github.com/angular/angular.js/issues/6210), feel free to +1

그러나 어떤 키가 제공하십시오 오더할 ecmascript 지정하지 않는 모든 주요 브라우저 이터레이션된 구현하십시오 객체로 매핑해야 링크됨 해시라고 많이 의존하고 있기 때문에 이 비헤이비어를 (순서 보존) 과 js 라이브러리보다는 we& # 39 를 사용하여, ve got it 및 it& # 39 의 바뀌지 않았다.

반면 it 문자순으로 정렬하려면 각도 (원하는거요 전혀 예상치 못한 ). # 39, ve i& 소스 코드를 직접 볼 수 있는지, 이는 모두 좋은 하루 잡을라는데 해결되었으므로 경우 수 있을 것입니다. 그렇지 않으면 ' (k, v) 의 목표' 기능은 완전히 쓸모없는 .

정말 아무것도 할 수 있는 각도, 칸트 배열입니다 너회의 결과 자신이 생각하는 모든 것에 대한 유용한 있지 않기 때문에 그 숫자 키를 필요합니다.

이 경우 그땅은 길이에 대한 getter 를 정의할 수 있습니다.

Object.defineProperty(yourResultObjectOrPrototype, 'length', {
  get: function(){
    return Object.keys(this).length;
  }
})

그렇지 않으면 , you& # 39 는 이를 위해 필요한 모든 함정이거나 필터링합니다 var (k 의 obj) '와' 를 사용하여 오브젝트를 저장하는 결과: 어레이당.

Kamil Tomš&#237;k
Kamil Tomšík
편집된 답변11일 2월 2014 в 10:58
10
질문이 있으신가요? 사이트에 추가하고 즉시 답변을 받으세요.
ko.kzen.dev

실제로 답을 알 수 없다.

39 의 it& 러더비 불렀으매 아닌 정렬:

https://docs.angularjs.org/api/ng/filter/orderBy

' {{orderBy_expression 러더비: 표현식에서는: 역동기화}} '

<tr ng-repeat="friend in friends | orderBy:'-age'">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>

그냥 목록에 필요합니다 색인 목록, 오더할 설정되었습니다 알아야 할 수 있습니다

$scope.Dates = [{index:1, "Today":"30"},
                  {index:2,"This Week":"42"},
                  {index:3,"This Month": "Oct"},
                  {index:4,"This Quarter" : "Bad"},
                  {index:5,"This Year" : 2013}]

다음

<tr ng-repeat="(key, value) in Dates | orderBy:'index'">
          <td>{{key}}</td>
          <td>{{value}}</td>
         </tr>
7

이것은 [고정식입니다 vmware. 각 1.4pb] (https://github.com/angular/angular.js/issues/6210 # issuecomment-114074997).

[Here] (자세한 사항은 https://github.com/angular/angular.js/blob/master/CHANGELOG.md # breaking 변경사항과 6):

이전에는 &gt 그리피스 사용할 때, 순서를 항목에서와 반복할 object properties 를 알파벳 순 시동키는 정렬하여 일관됨 보장받을 수 있었다

현재 &gt, order of the 항목이 사용하여 객체를 '를 통해 돌아온 있지만브라우저에 종속적입니다 순서에 따라 목표' 의 키를 반복 구문.

일반적으로 &gt 설정이므로 전략에 따라 순서대로 제공하고 있는 것) 의 키를 정의했습니다.

6
질문이 있으신가요? 사이트에 추가하고 즉시 답변을 받으세요.
ko.kzen.dev

내가 이렇게 ng 반복하십시오 함께 주요 산업별로 문자순으로 문장열 객체의 정렬하려면 있었습니다!

내 컨트롤러거:

$scope.build_config = {
  build_path :  "/x/eng/build",
  arch : "x86",
  variant : "debug",
  run_method : "boot", 
};

$scope.get_keys = function (obj) {
  if (obj)
    return Object.keys(obj);
};

내 HTML:

<tr ng-repeat="key in get_keys(build_config) | orderBy:'toString()'">
      <td> {{key}} </td>
      <td> {{selected.build_config[key]}} </td>
</tr>
2

39, t 로비치스키스 doesn& 예약 주문 - FYI

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

함께 같은 주요 오더할 무순서 어레이입니다 객체에는 //

var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(an_obj)); // console: ['2', '7', '100']

내가 변환해야 배열입니다 객체에는

$scope.Dates = [
        { id: "Today",        value:"30" },
        { id: "This Week",    value:"42" },
        { id: "This Month", value: "Oct" },
        { id: "This Quarter", value : "Bad" },
        { id: "This Year",    value : 2013 }
    ];

<li ng-repeat="date in Dates">{{date.id}} -> {{date.value}}</li>

1
질문이 있으신가요? 사이트에 추가하고 즉시 답변을 받으세요.
ko.kzen.dev

39 의 설명서를 잘 설명된 대로 Angular& 그리피스.

https://docs.angularjs.org/api/ng/directive/ngRepeat # 속성을 통해 객체에는 반복

이 객체의 속성을 사용하여 반복할 때, 이 작동하지 않습니다.

&gt. 내장 및 필터 (filter) 와 함께 사용할 수 없는 오브젝트에도 러더비 필터링합니다. &gt. 함께 사용할 경우 오류가 던져 한 것이다.

이 경우 내 생각엔 최상의 솔루션을 사용하는 대신 어레이에는 개체와 그 속성. 따라서 그냥 변환하시겠습니까 redhat. 새로운 시스템을 추진하고 있으며, 반복 어레이에서는 속성을 사용하여 객체 (예: 결국 모든 것이 될 수 있다고 생각한다 모음 대신 단일 개체 수가 많은 속성.

0