Aurelia, JSPM 0.17, SystemJS 0.20 - utilizing aurelia-i18n
npm install
jspm install
typings install
gulp
(Default task)
- After above preparations, open the app in the browser (in most cases http://localhost:9100/).
- Open the browser console.
- Click on one of the t in the box, a context menu (by Kendo UI) opens. Click somewhere else to close the menu.
- Click on Toggle Panel, the view changes and the t become __thing__s without context menus.
- Click on Toggle Panel again and examine the exception:
Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
at I18N.updateValue (http://localhost:9100/jspm_packages/npm/aurelia-i18n@1.6.2/i18n.js:221:20)
at TCustomAttribute.bind (http://localhost:9100/jspm_packages/npm/aurelia-i18n@1.6.2/t.js:78:20)
at Controller.bind (http://localhost:9100/jspm_packages/npm/aurelia-templating@1.4.2/aurelia-templating.js:3458:24)
at View.bind (http://localhost:9100/jspm_packages/npm/aurelia-templating@1.4.2/aurelia-templating.js:1462:24)
at If._runValueChanged (http://localhost:9100/jspm_packages/npm/aurelia-templating-resources@1.4.0/if.js:84:19)
at If.valueChanged (http://localhost:9100/jspm_packages/npm/aurelia-templating-resources@1.4.0/if.js:39:31)
at BehaviorPropertyObserver.selfSubscriber (http://localhost:9100/jspm_packages/npm/aurelia-templating@1.4.2/aurelia-templating.js:3702:48)
at BehaviorPropertyObserver.call (http://localhost:9100/jspm_packages/npm/aurelia-templating@1.4.2/aurelia-templating.js:3568:14)
at BehaviorPropertyObserver.setValue (http://localhost:9100/jspm_packages/npm/aurelia-templating@1.4.2/aurelia-templating.js:3548:18)
at If.descriptor.set [as value] (http://localhost:9100/jspm_packages/npm/aurelia-templating@1.4.2/aurelia-templating.js:3657:43)
Examine my-thing.html line 11 for a possible workaround:
Instead of
<li data-menuitem-id="settings" t="logout"></li>
use this to avoid the problem:
<li data-menuitem-id="settings">${'logout' & t}</li>