gpt4 book ai didi

javascript - Angular 2 : call component method from javascript function

转载 作者:搜寻专家 更新时间:2023-10-30 21:30:09 24 4
gpt4 key购买 nike

<分区>

目前,我正在尝试在我的 Angular2 项目中使用 jQuery 实现引导日期选择器。这是我目前所拥有的:

import {Component, AfterViewInit, Injector, Inject} from '@angular/core';
import {ObservableService} from "../../../services/data-observable.service";
declare var $:any;

@Component({
selector: 'date-range',
moduleId: module.id,
template: `<input name="daterange" class="filter-date-range"/>`
})

export class DateRange implements AfterViewInit {

options = { locale: {
format: 'YYYY-MM-DD'
},
startDate: '2013-01-01',
endDate: '2013-12-31'};

constructor(@Inject(Injector) private injector: Injector,
@Inject(ObservableService) private _observable: ObservableService) { }

ngAfterViewInit() {
$('input[name="daterange"]').daterangepicker(
this.options,
function (start, end) {
let obj = {};
obj['start'] = start;
obj['end'] = end;

this._observable.updateFilter(obj);
}
);
}
}

一切正常,除了这段代码

this._observable.updateFilter(obj);

在这里,我尝试将 ObservableService 方法调用传递给 daterangepicker 回调函数,该回调函数会在每次日期值更改时激活。所以,我得到了一个

Uncaught TypeError: Cannot read property 'updateFilter' of undefined

错误。

如何在 js 函数中调用 Angular2 组件、服务或其他任何方法?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com