Angular 6.x не работает в IE 11 - ошибка: неверный аргумент

Question

У меня отлично работает приложение Angular 6.x в Chrome.Проблема при попытке запустить его в IE 11, я получаю сообщение об ошибке:

Ошибка: неверный аргумент.at DefaultDomRenderer2.prototype.setProperty ...

Уже перепробовал все ответы в StackOverflow, которые я смог найти без посторонней помощи.Я перечисляю тему здесь, чтобы вы, ребята, не попробовали их в качестве ответов:

• Добавлены все полифилы, необходимые для IE, но все еще есть та же проблема.

• Добавлено вhead tag:

  <meta http-equiv="X-UA-Compatible" content="IE=11">
  

Спасибо за помощь.

Answer 1

У меня также была эта ошибка при использовании:

const input = {
   time: 'time',
   date: 'date'
}

<input [type]="input.date"/>
<input [type]="input.time"/>

Входы IE 11 не поддерживают типы даты и времени.Поэтому любой элемент, который IE не поддерживает, скорее всего, выдаст ту же ошибку.

Answer 2

Я нашел проблему и исправил ее.Я пишу этот ответ, чтобы сэкономить время для других, сталкивающихся с этой проблемой.

Проблема связывает неверную значимую переменную с атрибутом HTML (любой атрибут HTML).

например,

Присвоение переменной атрибуту dir в теге p , должен быть определен с одним из возможных значений для атрибута dir , а именно: ltr | rtl | auto

Наличие этой строки в html: <p [dir]="myDir">Test</p>

Когда myDir = undefined или myDir = 'bla bla bla' или любое другое неправильное значение - мы получим ошибку .

Когда myDir = 'rtl' или любое другое правильное значение - мы выиграли't получаю ошибку.

Добавлен DEMO для запуска в IE для просмотра этой ошибки.

Для вывода Я думаюмы можем сказать, что при привязке к атрибуту HTML мы должны быть очень осторожны, чтобы иметь допустимое значение атрибута, поэтому мы не столкнемся с этой проблемой.