我们如何用 ng-model 连接 angular js 变量

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>

我正在尝试使用 ng-model 访问 i（循环变量）。我需要 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]"

以上都做不到怎么办？

您可以尝试以下方法：

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

Answer 2

更改 ng 模型，如 htis

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>

我们如何用 ng-model 连接 angular js 变量

How can we concat angular js variable with ng-model

concat

angularjs

angularjs-ng-repeat