角2アプリは、HTMLでJSスクリプトをロードしません

Question

私の角2アプリで私のHTMLコードにいくつかのスクリプトがあり、それらは読み込まれません。私がブラウザのコンソールをチェックすると、スクリプトをロードしようとする試みが表示されません。どのように私はJSスクリプトは角2

div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> 
        <div class="alert alert-dismissible fade in" role="alert"> 
         <script type="text/javascript"> 
           setInterval(function() { 
           $('#element').load('/Resources/speedtest.txt'); 
          }, 1000); 
         </script> 
         <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
         <span aria-hidden="true">×</span></button> 
         <span id="element">Loading...</span> 
        </div> 
       </div> 

にロードすることができますスクリプトのいずれか。これは家と呼ばれる部品に使用されていると私はこれが配置されているテンプレートhome.htmlを使用する例があります。

ここはホームコンポーネントコードです。

import {Component} from '@angular/core'; 

@Component({ 
    selector: 'home', 
    templateUrl: './home.html' 
}) 
export class homecomponent { } 

Answer 1

角はテンプレートからの<script>タグをストリップします。スクリプトをロードするには、他の方法が必要です。たとえば、コンポーネントのコードでrequirejsを使用します。

も参照してくださいhttps://github.com/angular/angular/pull/12172