javascript - 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。

这是主页组件代码。

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

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

Answer 1

Angular 只是 strip <script>来自模板的标签。您需要其他方法来加载脚本。例如，在组件代码中使用 requirejs。

另请参阅https://github.com/angular/angular/pull/12172