Question

尝试创建一个带有两个可点击项目的操作栏，这些项目将导致不同的路线，但我似乎无法将简单的功能绑定到点击事件。

这是我的模板：

<ActionBar title="Map" icon="" class="action-bar">
  <ActionItem (tap)="goToTextMode()">
    <Button text="Text"></Button>
  </ActionItem>
  <ActionItem (tap)="goToSettings()" ios.position="right">
    <Button text="Settings"></Button>
  </ActionItem>
</ActionBar>

内部组件：

goToTextMode(): void {
  this.router.navigate(['text']);
}

goToSettings(): void {
  this.router.navigate(['settings']);
}

但是当我点击＆＃34;文本＆＃34;按钮我明白了：

CONSOLE ERROR [native code]: ERROR TypeError: co.goToTextMode is not a function. (In 'co.goToTextMode()', 'co.goToTextMode' is undefined)

我感到困惑的是为什么会这样，有什么想法吗？

Answer 1

您可以在导入所有组件的地方检查app-module.ts文件-组件的URL是否正确。我有同样的错误，因为module.ts中的组件网址不正确。

Nativescript / Angular - 模板中的绑定点击功能未找到

1 个答案: