首页 文章

Angular 2错误:可以't bind to ' innerhtml ' since it isn' t已知的本机属性

提问于
浏览
5

使用angular 2绑定DIV中的原始html

版本:Angular 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>"
        }
    )
)

错误:

EXCEPTION:模板解析错误:无法绑定到'innerhtml',因为它不是已知的本机属性(“#1 {}] [innerhtml] =”name“>”):QuestOperationComponent @ 4:8 EXCEPTION:错误:未捕获(在承诺中):模板解析错误:无法绑定到'innerhtml',因为它不是已知的本机属性(“#1 {}] [innerhtml] =”name“>” ):QuestOperationComponent @ 4:8

我已经尝试过:

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

1 回答

  • 1

    这个对我有用

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

相关问题