要发现角点击事件问题错误？

Question

我正在尝试将单击事件绑定到搜索按钮和提交功能，但有一个错误：

{hotels:Array(6)}resultscomponent.html:11 ERROR typeerror:_co.submit不是object.eval中的函数

@Component({
  selector: 'app-results',
  templateUrl: './results.component.html',
  styleUrls: ['./results.component.css']
})
export class ResultsComponent implements OnInit {
  upCase(selectedDate): void {
    this.result = selectedDate;
  }
  upCase2(selectedDate2): void {
    this.result2 = selectedDate2;
  }
  hotels;
  hotel;
  available;
  av; 
  matchedHotels=[];
  result='';
  result2='';
  constructor(private HotelsService: HotelsService) { }

  ngOnInit() {
    this.HotelsService.getHotels().subscribe((data)=>{
      console.log(data);
      this.hotels=data['hotels'] 
    
     
    });
    
  function Submit(){this.hotels.map((hotel)=>{
    this.available= (hotel.availability)
    this.available.map((av)=>{
      //console.log(av.from);
      if (av.from>=this.result && av.to<=this.result2){
        console.log('true');
        this.matchedHotels.push(hotel);
        console.log(this.matchedHotels)
        //console.log(this.date);
      }
      })
    })
  }

  

}
      

<div class="container justify-content-center mt-2 mb-2  border border-dark rounded mb-0 r">
    <div class="row card card text-white bg-dark ">
        <div class="serch-hotel mx-auto">
          Search Hotel
        </div>
    </div>
    <div class="row ">
        <div class="col-lg-6 col-md-6 col-xs-12 mb-2">
            <div >
                <label>From: </label>
                <app-date-picker></app-date-picker>  
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-xs-12 mb-2">
            <div>
                <label>To: </label>
                <app-to-date-picker></app-to-date-picker>  
            </div>
        </div>

    </div>  
</div>

[作为handleEvent](resultscomponent.html:15)

at handleEvent (core.js:43993)
at callWithDebugContext (core.js:45632)
at Object.debugHandleEvent [as handleEvent] (core.js:45247)
at dispatchEvent (core.js:29804)

Blockquote位于core.js:42925，位于htmlButtonElement。（Platform-Browser.js:2668)在zoneDelegate.invokeTask(zone-evergreen.js:391)在object.onInvokeTask(core.js:39680)在zoneDelegate.invokeTask(zone-evergreen.js:390)[e-mail]:11 [e-mail]:19671 [e-mail]:45546 [e-mail]:6066 [e-mail]:39680 [e-mail]:390 [e-mail]:[e-mail]:465 [e-mail]:1603 [e-mail]:1629 resultscomponent.html:11 realt CONTEXT debugcomponent.html_ {view：{…},nodeindex：10,nodedef：{…},eldef：[e-mail]:6071 [e-mail]:29808（匿名）@core.js:42925（匿名）@platform-browser.js:2668 [e-mail]：391 [e-mail]：39680 [e-mail]：390 [e-mail]：168 [e-mail]：465 [e-mail]：1603 [e-mail]：1629

Answer 1

检查您的日期选择器组件，看看您正在使用的函数（submit）是否在。ts文件中定义或导入，还检查该函数的名称。