Angular 2 错误：无法绑定到“innerhtml”，因为它不是已知的本机属性

Posted 2023-02-22

【中文标题】Angular 2 错误：无法绑定到“innerhtml”，因为它不是已知的本机属性

【英文标题】：Angular 2 error: Can't bind to 'innerhtml' since it isn't a known native property

【发布时间】：2016-10-16 21:30:47

【问题描述】：

使用 Angular 2 在 DIV 中绑定原始 html

版本： 角2“2.0.0-rc.1”

对 index.html 的引用：

<script src="~/lib/ng/shim.min.js"></script>
<script src="~/lib/ng/zone.min.js"></script>
<script src="~/lib/ng/Reflect.js"></script>
<script src="~/lib/ng/Rx.umd.js"></script>
<script src="~/lib/ng/core.umd.js"></script>
<script src="~/lib/ng/common.umd.js"></script>
<script src="~/lib/ng/compiler.umd.js"></script>
<script src="~/lib/ng/platform-browser.umd.js"></script>
<script src="~/lib/ng/platform-browser-dynamic.umd.js"></script>

索引 HTML：

...

<div  [innerHTML]="name"></div>

...

javascript：

ng.platformBrowserDynamic.bootstrap(        
    ng.core
    .Component(
        selector: 'my-app',
        template: <div  [innerHTML]="name"></div>
    )
    .Class(
        constructor: function()
        
            name = "<div>Testing</div>"
        
    )
)

错误：

例外：模板解析错误：无法绑定到“innerhtml”，因为它 不是已知的原生属性（"

#1 名称

][innerhtml]="name"> "): 任务操作组件@4:8

异常：错误：未捕获（承诺中）：模板解析错误：不能 绑定到“innerhtml”，因为它不是已知的原生属性（“

# 1 name

][innerhtml]="name"> "): QuestOperationComponent@4:8

我已经试过了：

[innerHtml] 
[innerHTML] 
[inner-Html] 
[inner-html]

【问题讨论】：

[innerHTML] 是here 所述的正确语法。我用 r.c.3 对其进行了测试。我知道您已经尝试过，但为了确定，您可以使用该语法再试一次并更新错误消息吗？

【参考方案1】：

这个对我有用

<div innerHTML="name"></div>.