angular-formly question

angular: 1.4.4 | angular-formly: 8.4.1

Getting Help Steps

  1. First, make sure that we don't already have an example for what you're trying to do. The website has a LOT of examples. Poke around to see if we have one for what you're trying to do.
  2. Reproduce your question in this jsbin. Protip: Please format your code. In jsbin, if you select all the text, then hit shift + tab, it will format all the code for you
  3. Update the steps to reproduce with steps the user takes or just a sentence or two describing what you're trying to accomplish
  4. Copy the link to it without the number. For example: jsbin.com/abcde/3/edit -> jsbin.com/abcde/edit which allows you to make updates to the jsbin without updating your links
  5. Paste the link in a (well done) question on StackOverflow
  6. Paste a link to the StackOverflow question into chat.angular-formly.com and ask politely for help.
  7. Remove these steps from your question.
  8. Wait patiently while people help you for free :-)

Steps to Reproduce

  1. Step 1
  2. Step 2
  3. Step 3

Form


Model Value

{}

Form

{
  "$error": {},
  "$name": "vm.form",
  "$dirty": false,
  "$pristine": true,
  "$valid": true,
  "$invalid": false,
  "$submitted": false,
  "vm.form_input_firstInput_0": {
    "$validators": {},
    "$asyncValidators": {},
    "$parsers": [],
    "$formatters": [
      null
    ],
    "$viewChangeListeners": [],
    "$untouched": true,
    "$touched": false,
    "$pristine": true,
    "$dirty": false,
    "$valid": true,
    "$invalid": false,
    "$error": {},
    "$name": "vm.form_input_firstInput_0",
    "$options": null
  }
}

Fields (note, functions are not shown)

[
  {
    "key": "firstInput",
    "type": "input",
    "templateOptions": {
      "label": "Input",
      "placeholder": "Formly is terrific!"
    },
    "expressionProperties": {
      "templateOptions.label": "model[options.key] || \"Input\""
    }
  },
  {
    "key": "text",
    "type": "checkbox",
    "templateOptions": {
      "label": "Hidden box"
    }
  }
]

Form State

{}
Edit in JS Bin