在文本$ scope变量中定义的动态字符串ng-repeat

Question

How to define dynamic ng-repeat in $scope variable like this:

$scope.radioOptions =[{value:1,name:'radio1'},{value:2,name:'radio2'}];
$scope.item = {
    model: "radio", 
    radioOptions:'opt in radioOptions',
    optValue:'value',
    optLabel:'name'
}

and use it in html:

<div class="radio radio-info radio-inline" ng-repeat="item.radioOptions">
      <input type="radio" id="{{$index}}" ng-value="item.optValue" name="{{item.model}}">
       <label for="{{$index}}">{{item.optLabel }}</label>
 </div>

But error me

Error: [ngRepeat:iexp] http://errors.angularjs.org/1.4.8/ngRepeat/iexp?p0=item.radioOptions

Now, How to create dynamic ng-repeat with this specification?

Answer 1

Try this to generate radio dynamically,

  $scope.radioOptions =[{value:1,name:'radio1'},{value:2,name:'radio2'}];

  $scope.item = {
      model: "radio", 
      radioOptions:$scope.radioOptions,
      optValue:'value',
      optLabel:'name'
  }

and in html:

<div class="radio radio-info radio-inline" ng-repeat="option in item.radioOptions">
     <input type="radio" id="{{$index}}" ng-value="option[item.optValue]" name="{{option[item.model]}}">
     <label for="{{$index}}">{{option[item.optLabel]}}</label>
</div>

Answer 2

I solved problem with function that get name of array and then return array collection:

$scope.radioOptions =[{value:1,name:'radio1'},{value:2,name:'radio2'}];
$scope.item = {
    model: "radio", 
    radioOptions:'radioOptions',
    optValue:'value',
    optLabel:'name'
}

// get array collection by name
$scope.getCollection = function (name) {
        return $scope[name];
    };

and change html to:

<div class="radio radio-info radio-inline" ng-repeat="opt in getCollection(item.radioOptions)">
      <input  type="radio" id="{{$index}}" ng-value="opt[item.optValue]" name="{{item.model}}">
      <label for="{{$index}}">{{opt[item.optLabel] }}</label>
</div>