TypeError：_co.function不是函数

Question

我正在使用angular并尝试在本地主机上创建网页，但是无法使用功能。我认为这是一个路径问题，但是我已经正确声明了所有路径。

花了4个小时尝试用谷歌搜索答案，没有发现任何答案。

我自己创建了两个组件，这是我创建角度项目时由defualt所创建的组件之外的内容：

post-create.component.html

post-create.component.ts

在应用程序文件夹中，它们都位于：

'./posts/posts-create/post-create.component.html'
'./posts/posts-create/post-create.component.ts'

我已经粘贴了文件夹名称，以确保它不是拼写错误的副本

post-create.component.ts看起来像这样：

import { Component } from '@angular/core';


@Component({
  selector: 'app-post-create',
  templateUrl: './post-create.component.html'
})
export class PostCreateComponent{
  newPost = '';

  onAddPost(){
    this.newPost = 'The users posts';
  }
}

post-create.component.html只是随机填充一些内容，试图使其正常运行，但看起来像这样：

<h2> sup </h2>

我的app.component.html是：

<h1> Hello world </h1>
<textarea rows="6"></textarea>
<hr>
<button (click)="onAddPost()"> Save post </button>
<p>{{ newPost }}</p>

这应该在单击按钮时调用函数“ onAddPost（）”，但不要。它给出了这个错误：错误TypeError：_co.onAddPost不是函数

而且我也不知道为什么。我的app.module.ts文件是这样的：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PostCreateComponent } from './posts/posts-create/post-create.component'

@NgModule({
  declarations: [
    AppComponent,
    PostCreateComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

如您所见，我已经导入了import { PostCreateComponent } from './posts/posts-create/post-create.component'并将其添加到decleraction

该代码是我正在观看的视频的一部分，只是进行编码并加入其中。如果您受伤，则来自以下视频：https://www.youtube.com/watch?v=1tRLveSyNz8&fbclid=IwAR0k3FKxqbYVKuT3g2UgJVQWFW2xFXV8xmhzGbwqbyZ3ltWrBcVktYc38_I

感谢您提前回答，很抱歉浪费您的时间，我已经尝试自己解决此问题，但似乎无法找出为什么它不能让我使用此功能

Answer 1

再次观看video：

以下内容与post-create.component.ts有关（与app.component.ts不相关：

<h1> Hello world </h1>
<textarea rows="6"></textarea>
<hr>
<button (click)="onAddPost()"> Save post </button>
<p>{{ newPost }}</p>