Я пытаюсь передать объект угловому элементу (веб-компоненту) с помощью метода @input()
decorator, который отлично работает во всех браузерах, кроме IE11 / Edge. Ребята, не могли бы вы пролить свет на этот вопрос, пожалуйста?
Приложение углового элемента содержит код, приведенный ниже
@Input() initialize = (data: any) => {
}
Я мог бы вызвать этот метод из родительского приложения как HtmLElement.initialize(data)
которая отлично работает во всех браузерах, кроме IE / Edge.
При попытке в Edge я получил следующую ошибку.
ОШИБКА TypeError: Объект не поддерживает свойство или метод
'Инициализации'
core.js (5847,1) [Ошибка объекта]: {описание: «Объект не поддерживает
свойство или метод 'initialize' ", сообщение:" Объект не поддерживает
свойство или метод 'initialize' ", номер: -2146827850, стек:
"TypeError: Объект не поддерживает свойство или метод 'initialize' в
Анонимная функция (http://localhost:4200/main.js:5864:17) при
script.onload (http://localhost:4200/main.js:125:17) на wrapFn
(http://localhost:4200/polyfills.js:4229:9) в
ZoneDelegate.prototype.invokeTask
(http://localhost:4200/polyfills.js:3370:13) в onInvokeTask
(http://localhost:4200/vendor.js:66217:17) в
ZoneDelegate.prototype.invokeTask
(http://localhost:4200/polyfills.js:3370:13) в Zone.prototype.runTask
Polyfills.ts
/ ********************************************** ************************************************** ***
* Зона JS требуется по умолчанию для самого Angular.
* /
импорт 'zone.js / dist / zone'; // Входит в состав Angular CLI.
/ ********************************************** ************************************************** ***
* ПРИМЕНЕНИЕ ИМПОРТА
* /
// Требуется в браузерах с собственным customElements
.
// (Например: Хром, Опера)
import '@ webcomponents / custom-elements / src / native-shim';
// Необходим для браузеров без собственного customElements
.
// (Например: Edge, Firefox, IE, Safari)
import '@ webcomponents / custom-elements / custom-elements.min';