Question

我需要以格式化形式向单选按钮添加特定的tabindex。我可以为文本字段而不是单选按钮，下面是示例代码，任何帮助表示赞赏 -

尝试在三个地方添加tabindex = 1，在templateOptions上方，在templateOptions和内部选项中添加tabindex = 1，但没有一个能够获得焦点。

  {
    name: 'feedbackType',
    key: 'feedbackType',
    type: 'radio',
    id: 'feedbackType',
    //tabindex:'1',
    templateOptions: {
      label: Constant.feedbackForm.typeField,
      for:'feedbackType',
      required: true,
      focus: true,
      //tabindex:'1',
      options: [{
        name: 'Idea1',
        value: 'Idea1',
        //tabindex:'1'
      }, {
        name: 'Idea2',
        value: 'Idea2'
      }, {
        name: 'Idea3',
        value: 'Idea3'
      }]
    }
  },

Answer 1

你走了。您将要使用ngModelElAttrs。像this

一样

  {
    name: 'feedbackType',
    key: 'feedbackType',
    type: 'radio',
    id: 'feedbackType',
    ngModelElAttrs: {
      tabindex: '1'
    },
    templateOptions: {
      label: EaseConstant.feedbackForm.typeField,
      for:'feedbackType',
      required: true,
      focus: true,
      options: [{
        name: 'Idea1',
        value: 'Idea1',
      }, {
        name: 'Idea2',
        value: 'Idea2'
      }, {
        name: 'Idea3',
        value: 'Idea3'
      }]
    }
  },

如果您希望它是动态的，那么您可以这样做：

ngModelElAttrs: {
  tabindex: '{{to.tabindex}}' // to is a shortcut for `options.templateOptions`
},
expressionProperties: {
  'templateOptions.tabindex': 'someFormlyExpression' // http://docs.angular-formly.com/docs/formly-expressions
}

祝你好运！

如何添加＆＃39; tabindex＆＃39;用于单调形式的单选按钮

1 个答案: