我在 Angular Project 中使用了一个表单,其中我有一个输入类型的文本,它在我的项目中充当了一个日期选择器。一切都很好,除了我面临的这种奇怪的情况,并努力摆脱它。
所以问题出现在我的日期选择器中,当我选择一些日期以便它在我的控制台中正常运行时,但是当我从日期选择器中删除日期时它不会触发所有var socket = io()
的检查,或者我必须说擦除值时,这不会更新。如果我达到了它的价值就会好起来,但是擦除不会影响它,这使我的工作变得有点紧张。
我的代码是这样的:
1。 HTML文件
if(value == "")
2。打字稿文件
<form>
<input type="text" id="date" name="date" placeholder="Search for date">
</form>
到目前为止我尝试的是:
尝试使用 [(ngModel)] =“dateValue”绑定数据,并在删除后端更新的某些数据时获取结果。然后在方法中,即在 onDateChosen()的检查 import { Component, OnInit } from '@angular/core';
declare var $ : any;
@Component({
selector: 'app-upcoming-page',
templateUrl: './upcoming-page.component.html',
styleUrls: ['./upcoming-page.component.css']
})
export class UpcomingPageComponent implements OnInit {
constructor() { }
ngOnInit() {}
ngAfterViewInit() {
$("#date").datepicker({
onSelect: this.onDateChosen.bind(this)
})
}
}
onDateChosen(value){
console.log(value)
if (value == ""){
console.log(value)
}
}
,但它没有成功。
尝试了if(this.dateValue == "" || this.dateValue == null)
,但也没有成功。
当您自己删除日期选择器中的日期时,实际上不会进行此检查。当您从日期选择器中选择日期时,它在控制台中正常运行。
任何帮助都会受到高度赞赏,因为我正努力想要得到我想要的东西。如果有疑问,请问我,我会提供编辑。感谢
答案 0 :(得分:0)
在空值上明确触发onDateChosen
在您的.ts文件中
onDateChange($event){
$event.target.value || this.onDateChosen($event.target.value)
}