Angular應用程序，如何在應用程序組件中添加HTML和CSS？

Question

VScode錯誤屏幕截圖我在我的角度應用程序中生成了一個新組件（bmi calc），然后下載了bmi計算器功能的html / css模板，並將模板的html和css內容粘貼到bmicalc.component.html和bmicalc.component中。我的應用程序中的css文件，但該應用程序未運行？

這是我的錯誤（我的錯誤的圖片）

Answer 1

正如您的github文件中給出的代碼，以下是工作代碼。 我剛剛更新了您的代碼。

您可以在StackBlitz（ 工作 ）上查看更新的代碼-

你可以在這里查看演示

注意：=我剛剛更新了您的代碼，以使其僅在Uncaught error of compute function時才Uncaught error of compute function 。 不確定正確的計算，因此您需要看一下該部分。

只是一些建議

1. 當您問這類問題時，請添加代碼段
2. 為變量使用適當的名稱，避免使用i, ii, fv, kv類型的變量。
3. .ts文件中編寫表示邏輯，無論您想在表單上應用什么。
4. 您的代碼應格式正確。 清理HTML。
5. 避免使用內聯CSS，請使用.css文件。