Angular 4 Meta：动态添加 http-equiv答案

【问题标题】：Angular 4 Meta: add http-equiv dynamicallyAngular 4 Meta：动态添加 http-equiv
【发布时间】：2018-07-18 06:04:32
【问题描述】：

使用 Angular 4(5)，我正在尝试动态添加元标记，特别是这个标记：

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

所以在 Angular 中，我正在这样做：

constructor(private meta: Meta) {
    this.meta.addTag({ httpEquiv: 'X-UA-Compatible', content: 'IE=edge' });
}

然而，上面的渲染'http-equiv'没有连字符，像这样：

<meta httpequiv="X-UA-Compatible" content="IE=edge">

如何让 Angular 呈现正确的 http-equiv 元标记属性？

【问题讨论】：

【解决方案1】：

试试这个

this.meta.addTag({'http-Equiv': 'X-UA-Compatible', content: "IE=edge"});

【讨论】：

【解决方案2】：

试试看

this.meta.addTag({ name: 'http-equiv', content: 'IE=edge' });

【讨论】：

【解决方案3】：

看来正确的做法是：

meta.addTag({httpEquiv: 'Content-Type', content: 'text/html'});

【讨论】：