{"action":"reopened","issue":{"url":"https://api.github.com/repos/knockout/knockout/issues/1836","labels_url":"https://api.github.com/repos/knockout/knockout/issues/1836/labels{/name}","comments_url":"https://api.github.com/repos/knockout/knockout/issues/1836/comments","events_url":"https://api.github.com/repos/knockout/knockout/issues/1836/events","html_url":"https://github.com/knockout/knockout/issues/1836","id":98065440,"number":1836,"title":"Knockout cannot process component template correctly if it is loaded by element identifier (IE 11).","user":{"login":"maxim-boligatov","id":4306334,"avatar_url":"https://avatars.githubusercontent.com/u/4306334?v=3","gravatar_id":"","url":"https://api.github.com/users/maxim-boligatov","html_url":"https://github.com/maxim-boligatov","followers_url":"https://api.github.com/users/maxim-boligatov/followers","following_url":"https://api.github.com/users/maxim-boligatov/following{/other_user}","gists_url":"https://api.github.com/users/maxim-boligatov/gists{/gist_id}","starred_url":"https://api.github.com/users/maxim-boligatov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maxim-boligatov/subscriptions","organizations_url":"https://api.github.com/users/maxim-boligatov/orgs","repos_url":"https://api.github.com/users/maxim-boligatov/repos","events_url":"https://api.github.com/users/maxim-boligatov/events{/privacy}","received_events_url":"https://api.github.com/users/maxim-boligatov/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2015-07-30T01:37:37Z","updated_at":"2015-07-30T17:43:27Z","closed_at":null,"body":"The following code works fine in Firefox, Chrome, Opera, but does not work in IE (at least in IE 11):\r\n\r\n```html\r\n<template id=\"common-account\">\r\n  <p>First name: <input data-bind=\"value: firstName\" /></p>\r\n  <p>Last name: <input data-bind=\"value: lastName\" /></p>\r\n  <h2>Hello, <span data-bind=\"text: fullName\"> </span>!</h2>\r\n</template>\r\n```\r\n```js\r\nvar ViewModel = function(first, last) {\r\n    this.firstName = ko.observable(first);\r\n    this.lastName = ko.observable(last);\r\n \r\n    this.fullName = ko.pureComputed(function() {\r\n        return this.firstName() + \" \" + this.lastName();\r\n    }, this);\r\n};\r\n\r\nko.components.register(\"common-account\", {\r\n    template: { element: \"common-account\" },\r\n    viewModel: {\r\n        createViewModel: function (params, componentInfo) {\r\n            var viewModel = new ViewModel(\"User\", \"Test\");\r\n            \r\n            return viewModel;\r\n        }\r\n    },\r\n    synchronous: true\r\n});\r\n\r\nko.applyBindings();\r\n\r\n```\r\n\r\n<common-account></common-account>\r\n\r\n\r\nTo explain solution I have created jsfiddle: http://jsfiddle.net/qp49uz0v/16/\r\nIt raises exception that firstName is undefined.\r\n\r\nIE works fine as well only if template is specified as string (like it is here: http://jsfiddle.net/47e2gpqq/4/).\r\n"}}