{"category":{"__v":1,"_id":"56d91c5507ae190b00004464","pages":["56d91c5607ae190b00004469","56d91c5607ae190b0000446a","56d91c5607ae190b0000446b","56d91c5607ae190b0000446c","56d91c5607ae190b0000446d","56d91c5607ae190b0000446e","56d91c5607ae190b0000446f","56d91c5607ae190b00004470","56d91c5607ae190b00004471","56d91c5607ae190b00004472","56d91c5607ae190b00004473","56d91c5607ae190b00004474","56d91c5607ae190b00004475","56d91c5607ae190b00004476"],"project":"5515ba4981faf83900d2b10c","version":"56d91c5507ae190b00004460","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-03-27T20:15:06.295Z","from_sync":false,"order":0,"slug":"guides","title":"Guides"},"project":"5515ba4981faf83900d2b10c","user":"54e3723b8ef7552300409bf4","version":{"__v":1,"_id":"56d91c5507ae190b00004460","project":"5515ba4981faf83900d2b10c","createdAt":"2016-03-04T05:25:41.052Z","releaseDate":"2016-03-04T05:25:41.052Z","categories":["56d91c5507ae190b00004464","56d91c5507ae190b00004465","56d91c5507ae190b00004466","56d91c5507ae190b00004467","56d91c5507ae190b00004468"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"8.0.0","version":"8.0.0"},"_id":"56d91c5607ae190b00004472","__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-03-30T18:24:45.494Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":9,"body":"[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"Support Being Dropped\",\n  \"body\": \"Support for IE 8 will be dropped in the next major release. After that time, there will be no updates for versions of angular-formly supporting IE 8. (Note, you will always be able to use older versions with IE 8).\"\n}\n[/block]\nangular-formly supports all of the latest browsers and works with IE8 (thanks [koenweyn](https://github.com/koenweyn))! To make formly functional in IE8, formly already adds the dashed version of all of its directives as [custom tags](https://code.angularjs.org/1.2.27/docs/guide/ie).\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Polyfills\"\n}\n[/block]\nYou must also add polyfills for a number of ES5 functions: `String.prototype.trim`, `Array.isArray`, `Array.prototype.map`, `Array.prototype.filter`, `Array.prototype.some`, `Array.prototype.every`, `Array.prototype.indexOf`, `Array.prototype.forEach`, `Object.keys`, `Object.getPrototypeOf` (or simply use the excellent [es5-shim](https://github.com/es-shims/es5-shim))\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Specify `root-el`\"\n}\n[/block]\nAlso, you must change the root element of the `<formly-form>` tag (because IE8 cannot cope with custom tags in a replace directive):\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<formly-form root-el=\\\"form\\\"></formly-form>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\nor, if you want to support nesting of forms, use:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<div ng-form>\\n  <formly-form root-el=\\\"div\\\"></formly-form>\\n</div>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Wrap formly-form\",\n  \"body\": \"It's a good idea to wrap your dependencies in your own abstraction. It makes life so much easier for you, especially if you're going to be doing this with all of your fields. Create your own directive that uses `formly-form` and adds the `root-el` attribute. I recommend you do this whether you need to support IE 8 or not.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Disable console calls\"\n}\n[/block]\nThere are a few places where angular-formly will call `console.warn` to indicate you're using the API incorrectly. When you ship to production, you should disable these (whether or not you are supporting IE8). For more information, see [Tips](doc:tips)","excerpt":"I am so sorry for you...","slug":"support-ie-8","type":"basic","title":"Support IE 8"}

Support IE 8

I am so sorry for you...

[block:callout] { "type": "danger", "title": "Support Being Dropped", "body": "Support for IE 8 will be dropped in the next major release. After that time, there will be no updates for versions of angular-formly supporting IE 8. (Note, you will always be able to use older versions with IE 8)." } [/block] angular-formly supports all of the latest browsers and works with IE8 (thanks [koenweyn](https://github.com/koenweyn))! To make formly functional in IE8, formly already adds the dashed version of all of its directives as [custom tags](https://code.angularjs.org/1.2.27/docs/guide/ie). [block:api-header] { "type": "basic", "title": "Polyfills" } [/block] You must also add polyfills for a number of ES5 functions: `String.prototype.trim`, `Array.isArray`, `Array.prototype.map`, `Array.prototype.filter`, `Array.prototype.some`, `Array.prototype.every`, `Array.prototype.indexOf`, `Array.prototype.forEach`, `Object.keys`, `Object.getPrototypeOf` (or simply use the excellent [es5-shim](https://github.com/es-shims/es5-shim)) [block:api-header] { "type": "basic", "title": "Specify `root-el`" } [/block] Also, you must change the root element of the `<formly-form>` tag (because IE8 cannot cope with custom tags in a replace directive): [block:code] { "codes": [ { "code": "<formly-form root-el=\"form\"></formly-form>", "language": "html" } ] } [/block] or, if you want to support nesting of forms, use: [block:code] { "codes": [ { "code": "<div ng-form>\n <formly-form root-el=\"div\"></formly-form>\n</div>", "language": "html" } ] } [/block] [block:callout] { "type": "info", "title": "Wrap formly-form", "body": "It's a good idea to wrap your dependencies in your own abstraction. It makes life so much easier for you, especially if you're going to be doing this with all of your fields. Create your own directive that uses `formly-form` and adds the `root-el` attribute. I recommend you do this whether you need to support IE 8 or not." } [/block] [block:api-header] { "type": "basic", "title": "Disable console calls" } [/block] There are a few places where angular-formly will call `console.warn` to indicate you're using the API incorrectly. When you ship to production, you should disable these (whether or not you are supporting IE8). For more information, see [Tips](doc:tips)