我的javascript函數無法在初始頁面加載時加載

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文件中，但是嘗試該方法時出現找不到$錯誤。

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');
        });
  }
}