AngularJS ng-repeat 설정 속성

Question

ng-repeat를 사용하여 반복되는 div를 제거하려고합니다.

<!-- I have 21 of these --> 
    <div class="table-row"> 
    <span class="glyphicon glyphicon-wrench"></span> 
    <label>Chloride</label> 
    <input type="range" min="700" max="1200" ng-model="chlorideSlider"/> 
    <input type="text" class="val" ng-model="chloride"/> 
    </div> 

    <!-- I'd like to use ng-repeat to create them --> 
    <div class="table-row" ng-repeat="item in sliderItems.items"> 
    <span class="glyphicon glyphicon-pencil"></span> 
    <label>{{ item.label }}</label> 
    <input type="range" min="item.min" max="item.max" ng-model="item.slider"/> 
    <input type="text" class="val" ng-model="item.model"/> 
    </div> 

이

데이터입니다 :

$scope.sliderItems = { 'items' : [ 
    {'label' : 'WBC', 'min' : 0, 'max' : 600, 'slider' : $scope.wbc, 'model' : $scope.wbc, 'tr' : 'wbc_tr' }, 
    {'label' : 'Respiration', 'min' : 0, 'max' : 60, 'slider' : $scope.resp, 'model' : $scope.resp, 'tr' : 'wbc_tr' } 
    ]}; 

최소 및 최대 전혀 작동하지 않습니다. 모델은 변경 될 때까지 올바른 값을 표시하며 읽기 전용 값 오류를 변경하려고합니다.

Answer 1

은 각하지 지시어 때문에 표현식을 평가하지 않기 때문에이

<div class="table-row" ng-repeat="item in sliderItems.items"> 
    <span class="glyphicon glyphicon-pencil"></span> 
    <label>{{ item.label }}</label> 
    <input type="range" min="{{item.min}}" max="{{item.max}}" ng-model="item.slider"/> 
    <input type="text" class="val" ng-model="item.model"/> 
    </div> 

Answer 2

최소 및 최대가 {{ }}에 싸여 할 필요가보십시오. 그러면 다음과 같이됩니다 :

<div class="table-row" ng-repeat="item in sliderItems.items"> 
    <span class="glyphicon glyphicon-pencil"></span> 
    <label>{{ item.label }}</label> 
    <input type="range" min="{{item.min}}" max="{{item.max}}" ng-model="item.slider"/> 
    <input type="text" class="val" ng-model="item.model"/> 
    </div> 

Answer 3

그런 식으로는 모델을 설정할 수 없습니다. 이 대신에보십시오 : 당신은 다음과 비슷한 기능을해야합니다 컨트롤러의 내부

<div class="table-row" ng-repeat="item in sliderItems.items"> 
<span class="glyphicon glyphicon-pencil"></span> 
<label>{{ item.label }}</label> 
<input type="range" min="{{item.min}}" max="{{item.max}}" ng-change="setSlider($index)"/> 
<input type="text" class="val" ng-change="setModel($index)"/> 
</div> 

을 : 당신이 원하는 무엇

$scope.setSlider = function(selectedSlider){ 
    $scope.mySlider = items[selectedSlider].slider; 
} 

$scope.setModel = function(selectedModel){ 
    $scope.myModel = items[selectedModel].model; 
}