«angularjs-ng-repeat» 태그된 질문

`ngRepeat` 지시문은 컬렉션의 항목 당 한 번씩 템플릿을 인스턴스화합니다. 각 템플릿 인스턴스는 자체 범위를 가져옵니다. 여기서 주어진 루프 변수는 현재 컬렉션 항목으로 설정되고`$ index`는 항목 인덱스 또는 키로 설정됩니다.

9
AngularJS에서 ng-repeat로 키와 값을 반복하는 방법은 무엇입니까?
내 컨트롤러에는 다음과 같은 데이터가 있습니다. $scope.object = data 이제이 데이터는의 키와 값이 포함 된 사전입니다 json. object.name템플릿에서로 속성에 액세스 할 수 있습니다 . 키를 반복하고 테이블에 표시 할 수있는 방법이 있습니까? <tr><td> {{key}} </td> <td> data.key </td> 데이터는 이렇습니다 { "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": …

26
배열을 반복하는 대신 정의 된 횟수만큼 ng-repeat하는 방법은 무엇입니까?
ng-repeat항상 배열을 반복 해야하는 대신 정의 된 횟수만큼 방법이 있습니까? 예를 들어 아래에서 목록 항목을 5로 가정 $scope.number하고 숫자를 증가시키는 것으로 5 번 표시하고 각 목록 항목이 1, 2, 3, 4, 5와 같이 증가하도록하십시오. 원하는 결과 : <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

8
Angular에서 여러 필드로
각도에서 여러 필드를 동시에 사용하여 정렬하는 방법은 무엇입니까? 예를 들어 그룹 별 및 하위 그룹 별 주먹 $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; 나는 이것을 이것을 표시하고 싶었다. 그룹 : 하위 그룹 1-1 1-2 1-20 2-1 2-10 2 ~ 11 <select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | …

10
AngularJS ng- 반복 핸들 빈 목록 케이스
나는 이것이 매우 일반적인 것이라고 생각했지만 AngularJS에서 처리하는 방법을 찾을 수 없었습니다. 이벤트 목록이 있고 AngularJS로 출력하고 싶다고 가정하면 매우 쉽습니다. <ul> <li ng-repeat="event in events">{{event.title}}</li> </ul> 그러나 목록이 비어있는 경우 어떻게 처리합니까? 목록에 "이벤트 없음"또는 이와 유사한 메시지 상자가있는 메시지 상자를 갖고 싶습니다. 가까이 오는 유일한 것은 ng-switchwith입니다 events.length(배열이 …

6
중첩 된 ng-repeat 내에서 2 개의 $ index 값 전달
탐색 메뉴를 작성하기 위해 다른 ng-repeat 내에 ng-repeat가 중첩되어 있습니다. <li>내부 ng-repeat 루프에서 각각 ng-click을 설정하여 $ index를 전달하여 해당 메뉴 항목의 관련 컨트롤러를 호출하여 앱에 필요한 것을 알려줍니다. 그러나 외부 ng-repeat에서 $ index를 전달해야 응용 프로그램이 우리가 어느 섹션에 있는지, 어떤 자습서를 알 수 있습니다. <ul ng-repeat="section in sections"> …

4
AngularJ에서 사전에 ng-repeat를 사용하는 방법은 무엇입니까?
json 객체 또는 배열에 ng-repeat 를 쉽게 사용할 수 있다는 것을 알고 있습니다 . <div ng-repeat="user in users"></div> 그러나 사전에 ng-repeat를 어떻게 사용할 수 있습니까? var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; 사용자 사전과 함께 사용하고 싶습니다. <div ng-repeat="user in users"></div> 가능합니까?. 그렇다면 AngularJ에서 …

24
숫자 및 범위가있는 AngularJS For 루프
Angular는 HTML 지시문 내에서 숫자를 사용하여 for 루프를 지원합니다. <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> 그러나 범위 변수에 동적 숫자가 포함 된 범위가 포함되어 있으면 매번 빈 배열을 만들어야합니다. 컨트롤러에서 var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = range; HTML에서 <div data-ng-repeat="i in range"> do something …

17
각도 ng- 반복
각도 배열을 반대로 배열하려면 어떻게해야합니까? orderBy 필터를 사용하려고하는데 정렬 할 술어 (예 : 'name')가 필요합니다. <tr ng-repeat="friend in friends | orderBy:'name':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr> 정렬하지 않고 원래 배열을 뒤집는 방법이 있습니까? 그렇게 : <tr ng-repeat="friend in friends | orderBy:'':true"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> <tr>

6
하위 ng-repeat에서 상위 ng-repeat의 액세스 색인
부모 목록 (foos)의 색인을 자식 목록 (foos.bars)의 함수 호출에 대한 인수로 사용하고 싶습니다. 누군가가 $ parent. $ index 사용을 권장하는 게시물을 찾았지만 $index의 속성이 아닙니다 $parent. 부모의 인덱스에 어떻게 액세스 할 수 ng-repeat있습니까? <div ng-repeat="f in foos"> <div> <div ng-repeat="b in foos.bars"> <a ng-click="addSomething($parent.$index)">Add Something</a> </div> </div> </div>

15
ng-repeat finish 이벤트
테이블이있는 div를 대상으로하는 jQuery 함수를 호출하고 싶습니다. 해당 테이블은로 채워집니다 ng-repeat. 내가 전화하면 $(document).ready() 결과가 없습니다. 또한 $scope.$on('$viewContentLoaded', myFunc); 도움이되지 않습니다. ng-repeat 채우기가 완료된 직후 기능을 실행할 수있는 방법이 있습니까? custom 사용에 대한 조언을 읽었 directive지만 ng-repeat 및 div와 함께 사용하는 방법에 대한 실마리는 없습니다 ...

9
AngularJS에서 쉼표를 목록 구분 기호로 사용
쉼표로 구분 된 항목 목록을 만들어야합니다. <li ng-repeat="friend in friends"> <b ng-repeat="email in friend.email">{{email}}{{$last ? '' : ', '}}</b>... </li> AngularJS 문서에 따르면 제어 플로우 명령문은 표현식에 허용되지 않습니다. 이것이 내 {{$last ? '' : ', '}}작품이 작동하지 않는 이유 입니다. 쉼표로 구분 된 목록을 만드는 다른 방법이 있습니까? 편집 …

10
angularjs에서 줄 바꿈 유지
나는 이 SO 질문 을 보았습니다 . 이전 버전 이 있기 때문에 코드 대신 ng-bind="item.desc"사용합니다 .{{item.desc}}ng-repeat 그래서 내 코드 : <div ng-repeat="item in items"> {{item.description}} </div> 항목 설명 \n에 줄 바꿈이 포함되어 있지 않습니다. 위 {{item.description}}의 ng-repeat내용 이 있다고 가정하면 개행을 쉽게 표시 할 수 있습니까?

12
거대한 데이터 세트 (angular.js)에서 ngRepeat의 성능을 향상시키는 방법은 무엇입니까?
약 10MB의 필드, 약 2MB의 데이터가있는 수천 행의 거대한 데이터 세트가 있습니다. 브라우저에 표시해야합니다. 가장 간단한 접근 방식 (데이터 가져 오기, 넣기 $scope, ng-repeat=""작업 수행)은 제대로 작동하지만 DOM에 노드 삽입을 시작하면 약 0.5 분 동안 브라우저가 정지됩니다. 이 문제에 어떻게 접근해야합니까? 한 가지 옵션은 $scope점진적으로 행을 추가 ngRepeat하고 한 청크를 …

20
angularJS에서 여러 값을 필터링하는 방법 (또는 연산)
사용하고 싶습니다 filter각도 여러 값을 필터링하고 싶습니다. 값 중 하나가 있으면 표시해야합니다. 예를 들어이 구조가 있습니다. 객체 movie속성을 가지고 genres내가 대한 필터링 할 Action과Comedy . 할 수는 filter:({genres: 'Action'} || {genres: 'Comedy'})있지만 동적으로 필터링하려면 어떻게해야합니까? 예 :filter: variableX 필터링해야하는 장르 배열이있는 경우 variableX에서 어떻게 설정 $scope합니까? 나는 그것을 문자열로 구성 …

2
AngularJS-ng-Repeat 내에서 속성 이름을 참조하는 방법
객체의 속성 값을 렌더링하는 것 외에도 속성 이름을 레이블로 렌더링하고 싶습니다. 이 작업을 수행하는 방법이 ng-repeat있습니까? 예를 들면 다음과 같습니다. <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> 다음과 같은 것을 뱉을 수 있습니다. <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul>

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.