Angularjs 正式嵌套形式

Question

我是 angular 的新手 - 请耐心等待 :) 我想要一个嵌套形式 - 类似于：

name:{
 firstname:"",
 lastname:"",
}

这是我的 "formly" 函数：

this.getFormFields = function (categories) {
     var meta={
        metadata:{
          title:"hello",
          description:"test123",
        }
     }
     return [{
        key: 'name',
        type: 'input',
        templateOptions: {
          label: gettextCatalog.getString('Name'),
          required: true
        }
      }, 
      {
          key: 'metadata',
          type: 'input',
          model:meta.metadata,
          templateOptions: {
            label: "metadata title",
           }
       },
      {
        key: 'clientId',
        type: 'input',
        templateOptions: {
        required:true,
        label: "clientId"
         }
       },
      }];
    };

那么如何添加嵌套字段呢？

Answer 1

你走运了！这在 angular-formly 的 7.0.0 版本（昨天推出）中变得异常简单。这里是 an example.

对于您的具体情况，您可能会这样做：

{
  key: 'name.firstname',
  type: 'input',
  templateOptions:  {
    label: 'First Name'
  }
}

Angularjs 正式嵌套形式

Angularjs formly nested form

javascript

angularjs

angular-formly