우리는 어떻게 NG-모델 NG 모델

Question

<div class="row" data-ng-repeat="i in [1,2,3,4]"> 
      <div asterick class="form-group" ng-class="{'form-group has-success': !error['resource_type'] && (submitted), 'form-group has-error': (error['resource_type']) && (submitted)}"> 
       <label for="resourceType">Resource Type</label> 
       <select name="resourceType" id="resourceType" ng-model="data.resource_type+{{ i }}" ng-required="true" > 
        <option ng-repeat="option in resourceTypeJson" value="{{option}}">{{option}}</option> 
       </select> 
      </div> 
</div> 

내가 그 I (루프 변수)에 액세스하려고와 각도 JS 변수를 CONCAT 수 있습니다. resource_type1, resource_type2 등이 필요합니다. 어떻게 도와 드릴까요?

Answer 1

리소스 유형을 별도의 속성 대신 배열로 지정합니다.

{ 
    data: { 
     resource_type1: 'data1', 
     resource_type2: 'data2', 
     resource_type3: 'data3' 
    } 
} 

는

{ 
    data: { 
     resource_type: ['data1', 'data2', 'data3'] 
    } 
} 

이되고 당신은 당신 ngModel에 다음과 같은 것을 수행 할 수 있습니다

ng-model="data.resource_type[i]" 

은 당신이 위를 할 수없는 경우?

다음과 같은 시도 할 수 있습니다 : htis 같은

ng-model="data['resource_type' + i]" 

Answer 2

변경 NG 모델을

ng-model="data['resource_type' + i]"

이 방법 NG 모델 속성 이름 변하지 동적

데모

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
    $scope.data = {} 
 

 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div class="row" data-ng-repeat="i in [1,2,3,4]"> 
 
       
 
       <select name="resourceType" id="resourceType" ng-model="data['resource_type' + i]" ng-required="true" > 
 
        <option ng-repeat="option in [1,2,3,4]" value="{{option}}">{{option}}</option> 
 
       </select> 
 
</div> 
 
{{data}} 
 
</div>