我对 Angular 非常陌生，正在通过 Heroes 教程进行学习。我负责双向绑定。我已经学习了所有不同的绑定类型并尝试实现它们。插值和属性绑定工作正常。但是，当我在教程中指定的文件中尝试使用正确的导入进行双向绑定（和事件绑定）时。以便有人能够看到它。 HTML文件是heroes.component.html，它是heroes.component.ts的模板，组件名为app-heroes，在app.component.html中调用，元素位于网页底部。
我尝试在app.component（ts和HTML）中使用事件绑定，它似乎可以工作（蓝色按钮），但不能使用蓝色按钮下方的双向绑定（英雄年龄）。这两个都不能与英雄组件一起使用（英雄名称和 Hello 按钮）。
工作链接在评论中，由于某种原因将其粘贴到帖子上时无法工作
如有任何令人困惑的措辞，请道歉，谢谢！
从
<body></body>中删除
heroes.component.html
我通过查看 stackblitz 中的控制台日志发现了这一点。从那里您可以看到存在水合作用问题，建议的解决方案是检查 html。
我们只想要
<body></body>index.html记住：HTML 文档应该只有一个元素