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

ng-repeatJSON 파일을 단순하게 실행하고 있으며 카테고리 이름을 가져오고 싶습니다. 각각 하나의 범주에 속하는 약 100 개의 개체가 있지만 약 6 개의 범주 만 있습니다. 내 현재 코드는 다음과 같습니다 <select ng-model="orderProp" > <option ng-repeat="place in places" value="{{place.category}}">{{place.category}}</option> </select> 출력은 100 가지 옵션으로, 대부분 복제됩니다. Angular를 사용하여 {{place.category}}이미 존재 하는지 확인하고 …

131 angularjs  angularjs-ng-repeat 

필터와 함께 ng-repeat 지시문을 사용하고 있습니다. ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" 렌더링 된 결과를 잘 볼 수 있습니다. 이제 컨트롤러에서 그 결과에 대한 논리를 실행하고 싶습니다. 문제는 결과 항목 참조를 어떻게 얻을 수 있습니까? 최신 정보: 명확히하기 위해 : 자동 완성을 만들려고 하는데이 입력이 있습니다. <input …

129 javascript  angularjs  filter  angularjs-ng-repeat 

내 코드와 함께 ng-repeat를 사용하고 있습니다 .ng-repeat에 따라 'n'개의 텍스트 상자가 있습니다. 텍스트 상자를 세 개의 열로 정렬하고 싶습니다. 이것은 내 코드입니다 <div class="control-group" ng-repeat="oneExt in configAddr.ext"> {{$index+1}}. <input type="text" name="macAdr{{$index+1}}" id="macAddress" ng-model="oneExt.newValue" value=""/> </div>

122 javascript  angularjs  angularjs-ng-repeat 

변경시 ng-repeat 목록을 필터링하는 입력이 있습니다. 반복은 많은 데이터를 포함하며 모든 것을 필터링하는 데 몇 초가 걸립니다. 필터링 프로세스를 시작하기 전에 0.5 초 지연되기를 원합니다. 이 지연을 생성하는 올바른 각도 방법은 무엇입니까? 입력 <input ng-model="xyz" ng-change="FilterByName()" /> 반복 <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> 필터 기능 $scope.FilterByName = function () …

117 angularjs  angularjs-directive  angularjs-ng-repeat 

사용자가 ngRepeat및 을 사용하여 항목 목록을 편집 할 수 있도록하려고합니다 ngModel. ( 이 바이올린을 참조하십시오 .) 그러나 내가 시도한 두 가지 접근 방식 모두 기괴한 동작을 유발합니다. 하나는 모델을 업데이트하지 않고 다른 하나는 각 키 다운에서 양식을 흐리게합니다. 내가 여기서 뭔가 잘못하고 있니? 지원되는 사용 사례가 아닙니까? 다음은 편의를 위해 …

116 angularjs  angularjs-ng-repeat  angularjs-ng-model 

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 

예를 들어 bool 값을 반환해야하는 $ scope.isExists (item) 함수가 있습니다. 이런 걸 원해요 <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> 문자열을 반환하는 함수를 사용할 수 있다는 것을 알고 있습니다. if-then-else 생성을 표현식에 사용할 수 있다는 점이 흥미 롭습니다. 감사.

109 javascript  angularjs  if-statement  angularjs-ng-repeat  ternary-operator 

아래 스크립트는를 사용하는 쇼핑 카트를 표시합니다 ng-repeat. 배열의 각 요소에 대해 항목 이름, 해당 금액 및 부분합 (product.price * product.quantity )를 표시합니다. 반복되는 요소의 총 가격을 계산하는 가장 간단한 방법은 무엇입니까? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} €</td> </tr> <tr> <td></td> …

107 angularjs  angularjs-ng-repeat 

angularjs에서 ng-repeat 표현에 의한 트랙 이 어떻게 작동하는지 이해하는 데 어려움이 있습니다. 문서는 매우 부족합니다. http://docs.angularjs.org/api/ng/directive/ngRepeat 데이터 바인딩 및 기타 관련 측면 에서이 두 코드 스 니펫의 차이점을 설명 할 수 있습니까 ? 와: track by $index <!--names is an array--> <div ng-repeat="(key, value) in names track by $index"> <input …

101 javascript  angularjs  angularjs-ng-repeat 

두 개의 컨트롤러가 있으며 app.factory 함수로 데이터를 공유합니다. 첫 번째 컨트롤러는 링크를 클릭 할 때 모델 배열 (pluginsDisplayed)에 위젯을 추가합니다. 위젯이 배열로 푸시되고이 변경 사항이 뷰에 반영됩니다 (배열 내용을 표시하기 위해 ng-repeat 사용). <div ng-repeat="pluginD in pluginsDisplayed"> <div k2plugin pluginname="{{pluginD.name}}" pluginid="{{pluginD.id}}"></div> </div> 위젯은 k2plugin, remove 및 resize라는 세 가지 지시문을 …

100 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

의료 절차의 json 파일을 필터링하는 Angular.js 앱에서 작업 중입니다. ng-click을 사용하여 같은 페이지에서 절차의 이름을 클릭하면 각 절차의 세부 정보를 표시하고 싶습니다. 이것은 .procedure-details div를 display : none으로 설정하여 지금까지 가지고있는 것입니다. <ul class="procedures"> <li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp"> <h4><a href="#" ng-click="?">{{procedure.definition}}</a></h4> <div class="procedure-details"> <p>Number of patient …

100 angularjs  angularjs-ng-repeat 

격리 범위가있는 지시문이 있습니다 (다른 위치에서 지시문을 재사용 할 수 있도록).이 지시문을에서 사용할 때 ng-repeat작동하지 않습니다. 이 주제에 대한 모든 문서와 Stack Overflow 답변을 읽었으며 문제를 이해했습니다. 나는 모든 일반적인 문제를 피했다고 믿습니다. 따라서 ng-repeat지시문에 의해 생성 된 범위 때문에 내 코드가 실패한다는 것을 이해합니다 . 내 자신의 지시문은 격리 …

95 angularjs  angularjs-directive  angularjs-scope  angularjs-ng-repeat 

여러 필터 + 사용자 지정 필터 기능을 사용하여 목록을 필터링하려고합니다. 원래 작동하는 jsfiddle 예제는 http://jsfiddle.net/ed9A2/1/ 이지만 이제 나이가 필터링되는 방식을 변경하고 싶습니다. 사용자 지정 필터를 추가하여 연령 이 min_age 및 max_age 인 두 개의 입력 값 (나이 사이)을 기준으로 필터링하도록 하고 싶습니다 . 문서를 살펴본 후. 비슷한 질문을 가진 사람들과 …

95 javascript  angularjs  angularjs-ng-repeat 

기본적으로 표현식과 일치하는 경우 ng-repeat에서 항목을 건너 뛰도록 angular에게 기본적으로 지시하는 방법을 찾고 있습니다 continue. 컨트롤러에서 : $scope.players = [{ name_key:'FirstPerson', first_name:'First', last_name:'Person' }, { name_key:'SecondPerson', first_name:'Second', last_name:'Person' }] 이제 내 템플릿에서 일치하지 않는 모든 사람을 보여주고 싶습니다 name_key='FirstPerson'. 나는 그것이 필터 여야한다고 생각했기 때문에 Plunkr를 가지고 놀도록 설정했지만 운이 …

91 angularjs  angularjs-ng-repeat 

아주 기본적인 질문처럼 보이지만 올바른 구문을 얻을 수 없습니다 .. <li class="list-group-item" ng-repeat="question in newSection.Questions | filter:Id != '-1'; " ng-mouseenter="hover = true" ng-mouseleave="hover = false"> <div href="#" editable-text="question.Text">{{question.Text}}</div> </li> 내가 원하는 것은 id가 -1이 아닌 모든 질문을 보여주는 것입니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까. 감사!

83 javascript  angularjs  angularjs-ng-repeat  ng-filter