Angularjs formly nested form

Question

I'm very new to angular - please be patient :) I would like to have a nested form - something like:

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

This is my "formly" function:

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

So how to add nested fields?

kentcdodds · Accepted Answer · 2015-09-08 15:15:28Z

2

You're in luck! This was just made insanely easy in angular-formly's 7.0.0 release (which was pushed out yesterday). Here's an example.

For your specific case, you'd probably do something like:

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

answered Sep 8, 2015 at 15:15

kentcdodds

29.4k33 gold badges113 silver badges194 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fabian Lurz Over a year ago

ahhh - awesome thats great. Problem is i'm using loopback angular-admin. But this is my problem then :) so i need to update it. Great thank you!

Jigar Over a year ago

is it possible to make key name something like this key: name[0].firstname ?

Collectives™ on Stack Overflow

Angularjs formly nested form

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related