嵌入组件

Question

当前行为
在HTML页面中直接嵌入和加载Silverlight.xap时，它可以正常工作。但是当我们在组件中移动相同的代码时，它将不会加载Silverlight。两种情况下的DOM，即通过HTML和组件嵌入和加载，都没有显示出任何差异。

Silverlight代码-app.Component.HTML页面
当我们直接加载这个页面，即localhost / OurApp / Silverlight-app.Component.HTML时，silverlight内容会被加载并且工作正常。但是当我们在浏览器中打开index.html（它是我们的angular2和Silverlight-app.Component.HTML页面的主要组件是index.html的子组件）时，它不会加载silverlight内容。

<section>    
    <div>
        <object id="silverlightControlHost" data="data:application/x-silverlight-2," type="application/x-silverlight-2"
                width="100%" height="100%" style="min-height: 100%; height: 1000px">            
            <param name="source" value="clientbin/SilverlightApp.xap"/>
            <param name="onError" value="onSilverlightError" />
            <param name="background" value="white" />
            <param name="minRuntimeVersion" value="5.0.61118.0" />
            <param name="autoUpgrade" value="true" />            
            <param name="Windowless" value="true" />
            <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=5.0.61118.0" style="text-decoration: none">
                <img src="images/slmedallion.png" alt="Get Microsoft Silverlight" style="border-style: none" />
            </a>
        </object>
        <iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px;
				border: 0px"></iframe>
        <iframe id="desktop" style="visibility: hidden; height: 0px; width: 0px; border: 0px"></iframe>
    </div>
</section>

预期/期望的行为
嵌入和加载Silverlight组件应该具有相同的行为，无论是通过HTML加载还是通过组件加载。

改变行为的动机/用例是什么？
我们正在将Silverlight应用程序迁移到Angular2。由于完整迁移需要几个月，我们也会保留一些Silverlight模块。

图片以便更好地了解问题

Answer 1

这个例子完全符合你的需要：）

https://github.com/lohiarahul/Angular2-Silverlight-Starter