angular中$event有什么作用? 如何实现双向绑定?

Question

这是官方的案例

这是我的代码

app.component.html 部分代码

<div class="child">
    <h2>演示双向绑定</h2>
    <input type="text" [value]="currentItem.name" (input)="currentItem.name=$event.target.value">
    结果 : <span>{{currentItem.name}}</span>
</div>

app.component.ts 部分代码

export class AppComponent {

  constructor() { }

  title = 'my-app';

  currentItem = { name: 'teapot'} ;

}

我没有直接把官方的全部代码复制过来, 只是复制模板代码, 在ts文件里定义一个currentItem

这是控制台报错提示

这是实际运行结果

问题出在模板代码的$event.target.value
不理解这句话是什么意思, 如果我想使用这句话, 是不是还需要配置什么才能用?

Answer 1

版本问题
官方用的是ng8, vscode(自己的代码)里的是最新版ng13
需要先引入NgModule, 直接[(ngModule)]实现双向绑定
但是$event这个对象还是不太理解, 回头再看看安哥拉13的文档