Question

我的my-company.component.html

<a id="menu" (click) ="menuClick()" class="vcal-btn h100"><span>Dashboard</span></a>

我的另一个组件文件company-jquery.ts

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

import * as $ from "jquery";


@Injectable()
export class CompanyJquery {
    constructor() {
        this.load();
    }

    menuClick(){
        $('#sidebar-left').addClass('ls-open');
        $(".dis-container").addClass("dis-width");
        $(".device-sec").addClass("dev-width");
        $('#sidebar-left .sidebar-btn').addClass('ls-open')
        $(this).addClass('none')
    }
}

my my-company.component.ts

import { CompanyJquery } from '../_directives/company-jquery';
    export class MyCompanyComponent implements OnInit {

      constructor(
       private companyJquery: CompanyJquery,
       ) { }

      ngOnInit() {
        this.companyJquery.menuClick();
      }
    }

如何将所有点击事件存储在一个文件中，并将所有点击事件存储在基于方法的所有组件中以上概念不起作用。

Answer 1

我认为最好的方法是使用@ ngrx / store，它解决了你所有的问题。

有关@ngrx/store

的更多详情

基本示例描述了你的案例

如何在一个文件中编写和使用所有单击事件，并使用另一个组件Angular 5

1 个答案: