使用formly为每个单选按钮实例生成动态ID

Question

我正在使用 angular-formly 来生成广播组。除了根据某些条件动态生成这些单选按钮之外，一切都运行良好。

问题

单选按钮的每个实例都获得通过以下形式模板生成的相同动态ID。因此，当我点击页面上的任何单选按钮时，第一个被选中，因为ID属性始终相同。

 function addRadioType(formlyConfigProvider) {
   formlyConfigProvider.setType({
     name: 'radio',
     template: '<div class="radio-group vk">'
                   +'<div ng-repeat="(key, option) in to.options" class="radio">'
       +'<input type="radio"  id="{{id + \'_\'+ $index}}" tabindex="0" ng-value="option[to.valueProp || \'value\']" '
       +' ng-model="model[options.key]">'
        +'<label for="{{id + \'_\'+ $index}}">'
        +' {{option[to.labelProp || \'name\']}}'
      +' </label>'
     +'</div>'
   +'</div>'
    ,
     wrapper: ['bootstrapLabel', 'bootstrapHasError'],
     defaultOptions: {
       noFormControl: false
     },
     apiCheck: check => ({
       templateOptions: {
         options: check.arrayOf(check.object),
         labelProp: check.string.optional,
         valueProp: check.string.optional
       }
     })
   });
 }