javascript - Angularjs 正式嵌套形式

标签 javascript angularjs angular-formly

我对 Angular 很陌生 - 请耐心等待:) 我想要一个嵌套表单 - 类似于:

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

这是我的“正式”功能:

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"
         }
       },
      }];
    };

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

最佳答案

你很幸运!在 Angular-formly 的 7.0.0 版本(昨天推出)中,这变得非常简单。这是an example .

对于您的具体情况,您可能会这样做:

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

关于javascript - Angularjs 正式嵌套形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32461344/

相关文章:

javascript - 获取具有另一个对象的属性子集的对象

javascript - 响应式菜单 (mmenu) 导致高 CLS

javascript - 在使用 Django 时让 JavaScript 下拉菜单在 Twitter Bootstrap 中工作时出现问题

javascript - AngularJs:如何对指令创建的动态元素应用表单验证

javascript - 提取节点的文本,忽略 childNodes

javascript - AngularJS:ng-repeat 使用对象数组的数组字段

javascript - AngularJS : Can Controller request external js on fly?

javascript - 我需要在 ui-grid 中显示一个字符串数组。单列,每行一个字符串

javascript - 无法以 Angular 形式访问 $scope

javascript - 自定义模板和 ng-click Angular Formly