无法嵌入组件

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

的代码Silverlight的app.Component.HTML页面
当我们直接加载这个页面，即本地主机/ 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; 
 
\t \t \t \t border: 0px"></iframe> 
 
     <iframe id="desktop" style="visibility: hidden; height: 0px; width: 0px; border: 0px"></iframe> 
 
    </div> 
 
</section>

预期/期望的行为
嵌入和装载Silverlight的组件应该通过HTML或部件而不管装载的具有相同的行为。

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

为更好地了解这一问题的照片