html - Angular 应用程序，如何在应用程序组件中添加 html 和 css？

Question

VScode 错误截图我在我的 Angular 应用程序中生成了一个新组件（bmi calc），然后下载了一个 bmi 计算器功能的 html/css 模板，并将模板的 html 和 css 内容粘贴到 bmicalc.component.html 和 bmicalc.component 中。我的应用程序中的 css 文件，但应用程序没有运行？

这是我的错误（我的错误的图像）

标签： htmlcssangular

Answer 1

作为您的 github 文件中给出的代码，下面是工作代码。我刚刚更新了你的代码。

您可以在 StackBlitz( Working ) 上查看更新的代码 -

你可以在这里查看演示

注意：=我刚刚更新了您的代码，使其仅在您获得这些代码时才起作用Uncaught error of compute function。不确定是否正确计算，因此您需要查看该部分。

只是一些建议

1. 当您提出此类问题时添加代码段
2. 对变量使用适当的名称，避免使用i, ii, fv, kv变量类型。
3. .ts文件用于编写您想在表单上应用的任何表示逻辑。
4. 您的代码应该格式正确。干净的html。
5. 避免使用内联 css，使用.css文件。