主要 Select 元素的标签 + 描述使用 Angular-Formly

Question

我正在使用 http://angular-formly.com/，但我一直坚持在 Select 下拉列表的标签下添加描述。

app.controller('CalcCtrl', function CalcCtrl(formlyVersion, formlyValidationMessages) {
var vm = this;
// function assignment
vm.onSubmit = onSubmit;

// variable assignment
vm.model = {

};

vm.fields = [

  {
    key: 'am_quant_lg',
    type: 'input',
    templateOptions: {
      required: true,
      label: 'Large',
      description: 'Description of my input field is here',
      type: 'number',
      max: '100',
      maxMessage: 'test ',
    },
  },
  {
    key: 'House_type',
    type: 'select',
    templateOptions: {
      required: true,
      label: 'What type of House you need?',
      options: [{
          name: 'Townhouse',
          value: 1,
        },
        {
          name: 'Single',
          value: 2,
        },]
      },
  },

所以我需要在“您需要什么类型的房子？”标签下显示一些描述。也许几行。如上所示，我知道如何向输入文本字段添加描述。我也知道如何为其他选项添加描述。只需要主要 Select 元素的帮助？

Answer 1

显然没有在文档中，但您仍然可以用同样的方式添加它；

  {
key: 'House_type',
type: 'select',
templateOptions: {
  required: true,
  label: 'What type of House you need?',
  description: 'Description goes here?',
  options: [{
      name: 'Townhouse',
      value: 1,
    },
    {
      name: 'Single',
      value: 2,
    },]
  },

主要 Select 元素的标签 + 描述使用 Angular-Formly

Label + Description for Main Select Element using Angular-Formly

javascript

angularjs

angular-formly