Question

我正在使用asp.net Angular2模板构建一个带有Angular2前端和Web API后端的应用程序。我的index.html文件中有一个内联脚本，在初始页面加载时没有加载，但是当我刷新页面时它会被加载。以下是代码。

<script>

            $(function () {
                $('.toggle-nav').click(
                    function () {
                        $('#body-holder').toggleClass('show-nav');
                        return false;
                    });
            });

</script>

我尝试在ngOnInit函数中的component.ts文件中加载它，但是当我尝试时，我找不到$ error。

Answer 1

import { Component, OnInit } from '@angular/core';
declare var $:any; // this is required
@Component({
  selector: 'app-root',
  template: `Something`
})
export class AppComponent implements OnInit {
  ngOnInit() {
        $('.toggle-nav').click(function () {
                $('#body-holder').toggleClass('show-nav');
        });
  }
}

我的javascript函数在初始页面加载时未加载

1 个答案: