Angular 2 应用程序不会在 html 中加载 JS 脚本

Question

我的 Angular 2 应用程序的 html 代码中有一些脚本，但它们没有加载。当我检查浏览器的控制台时，我什至看不到加载脚本的尝试？我如何以 Angular 2 加载 JS 脚本

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 的组件中使用，我使用它所在的模板 home.html。

这里是 home 组件代码。

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

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

Answer 1

Angular 只是从模板中去除<script> 标签。您需要其他方式来加载脚本。例如在你的组件代码中使用 requirejs。

另见https://github.com/angular/angular/pull/12172