«ng-repeat» 태그된 질문

ng-repeat를 사용하여 반복하고 사용중인 제품이 있습니다. <div ng-repeat="product in products | filter:by_colour"> 이러한 제품을 색상별로 필터링합니다. 필터가 작동하지만 제품 이름 / 설명 등에 색상이 포함 된 경우 필터가 적용된 후에도 제품이 유지됩니다. 필터를 모든 필드가 아닌 배열의 색상 필드에만 적용하도록 설정하는 방법은 무엇입니까?

484 angularjs  ng-repeat  angularjs-filter 

다음과 같이 사용자 정의 필터를 정의하고 있습니다. <div class="idea item" ng-repeat="item in items" isoatom> <div class="section comment clearfix" ng-repeat="comment in item.comments | range:1:2"> .... </div> </div> 보시다시피 필터가 사용되는 ng-repeat가 다른 ng-repeat 내에 중첩되어 있습니다. 필터는 다음과 같이 정의됩니다. myapp.filter('range', function() { return function(input, min, max) { min = parseInt(min); …

472 angularjs  ng-repeat 

다음과 ng-repeat같은 간단한 루프가 있습니다 . <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> 컨트롤러에 기능이 있습니다 $scope.removeTask(taskID). 내가 아는 한 Angular는 먼저 뷰를 렌더링하고 보간 {{task.id}}된 숫자로 대체 한 다음 클릭 이벤트에서 ng-click문자열 을 평가 합니다. 이 경우 ng-click완전히 예상되는 것을 얻습니다. ng-click="removeTask(5)".그러나 ... 아무것도하지 않습니다. 물론 배열이나 …

386 angularjs  ng-repeat  angularjs-ng-click 

사용자가 선택한 옵션에 따라 특정 숫자를 표시하는 타일 세트가 있습니다. 이제 표시된 숫자로 정렬을 구현하고 싶습니다. 아래 코드는 어떻게 구현했는지 보여줍니다 (부모 카드 범위에서 값을 가져 오거나 설정하여). 이제 orderBy 함수가 문자열을 사용하기 때문에 curOptionValue라는 카드 범위에 변수를 설정하고이를 기준으로 정렬하려고했지만 작동하지 않는 것 같습니다. 그래서 질문은 사용자 정의 정렬 …

113 angularjs  ng-repeat 

나는 다음과 같은 것을 시도하고 있습니다. <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> AngularJs 부분 : function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } 하지만 왠지 모든 항목을 보여주고 있습니다. (키, 값)을 어떻게 필터링 할 …

113 javascript  angularjs  frameworks  ng-repeat  angular-filters 

3 열마다 부트 스트랩 행 클래스를 주입하는 올바른 패턴을 찾고 있습니다. cols에는 고정 높이가 없기 때문에 필요합니다 (고정하고 싶지 않습니다). 그래서 내 디자인이 깨집니다! 내 코드는 다음과 같습니다. <div ng-repeat="product in products"> <div ng-if="$index % 3 == 0" class="row"> <div class="col-sm-4" > ... </div> </div> </div> 그러나 각 행에 하나의 …

111 angularjs  twitter-bootstrap  angularjs-ng-repeat  ng-repeat