javascript - 将值从 Jquery 库函数传递到 Angular 9 组件函数
问题描述
我在 Angular 9 项目中使用了 Jquery 日历插件。单击每个日期时,Jquery 函数会触发并返回所选日期。我想将该日期传递给 Angular9 组件函数,以便我可以在模板中操作和显示它。但是当我调用 angularComponentFunction(date) 时,它正在 Jquery 中寻找 angularComponentFunction 并且不返回函数错误。
谁能指导我如何将值从 Jquery 库函数传递到 Angular 组件函数?
import { Component, OnInit } from '@angular/core';
import '../../shared/calendar/calendar.js';
@Component({
selector: 'app-angular',
templateUrl: './angular.component.html',
styleUrls: ['./angular.component.scss']
})
export class AngularComponent implements OnInit{
public startDate: any;
public endDate: any;
showDateInTemplate(date){
console.log(date);
}
getCalender() {
var dateConfig = {
date: new Date(),
onClickDate: this.selectDate //this.selectDate is Jquery function
};
$('#monthly_calendar').calendar(dateConfig);
}
selectDate(date) { //Jquery function Implementation
this.showDateInTemplate(date); // This is Angular component function. But 'this' is referring to Jquery instead of Angular component.
}
ngOnInit(): void {
this.getCalender();
}
}
解决方案
推荐阅读
- django - 以编程方式在 Django 中呈现包含标记
- javascript - 传单:是否有像 panTo 或 setView 这样的方法在缩小或缩小时不居中
- python - Pandas - 检查列中的值是否是同一列中另一个值的子字符串
- elasticsearch - 在 elasticsearch 中搜索而不标记关键字
- drupal - 提供的主机名对此服务器无效
- python - 将大熊猫数据帧发送到 SQL 数据库的最佳方法?
- ssl - Ktor 1.3.0-beta-1 multiplatform - 在 kotlin 中用于 iOS 的 SSL 固定
- c# - ERROR_ALREADY_EXISTS 的 C# 互斥锁等价物
- javascript - 倒计时结束后如何停止倒计时计时器刷新
- php - 使用父类别搜索子类别