时间戳

首页 > 解决方案 > 为什么我的 html 文件找不到 UpdateSites 方法（Uncaught ReferenceError: UpdateSites is not defined）？

angular - 为什么我的 html 文件找不到 UpdateSites 方法（Uncaught ReferenceError: UpdateSites is not defined）？

问题描述

我以这种方式设置了一个简单的下拉菜单：

table.component.html

      <select class="form-control" onchange="UpdateSites(this.value)">
  <!-- //  console.log('FormControlChangeTest' + this.value)"> -->
      <option>France - Paris (Majunga)</option>
      <option>France - Paris (Opus)</option>  
</select>

table.component.ts

export class TableComponent {
 private UpdateSites(siteName){
    console.log('SITE NAME IS'+ siteName)
  }

在 chrome 控制台中，我有这个错误：

表：35 未捕获的 ReferenceError：更新站点未在 HTMLSelectElement.onchange 中定义（表：35）

我想知道我到底做错了什么。即：为什么 html 文件找不到 UpdateSites 方法。
PS：出于好奇，我将 UpdateSites 放在了类组件之外，但在同一个文件中。然而，这仍然没有奏效。

标签： angularhtmltypescriptbootstrap-4

解决方案

这是工作示例：https ://stackblitz.com/edit/angular-y7zyqc

代码：

<select class="form-control" (change)="UpdateSites($event.target.value)">
  <!-- //  console.log('FormControlChangeTest' + this.value)"> -->
      <option>France - Paris (Majunga)</option>
      <option>France - Paris (Opus)</option>  
</select>

我刚刚将 html 更改为上面的代码段，它现在可以工作了。您可以查看上面的示例。

推荐阅读