我一直在遵循Spring Security和Angular教程，但angular在此步驟后未能編譯：
import { Component } from '@angular/core'/span>;
import { HttpClient } from '@angular/common/http'/span>;
@Component({
選擇器。'app-root',
模板Url。'./app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Demo';
greeting = {};
constructor(private http: HttpClient) {
http.get('resource').subscribe(data => this.greeting =data) 。
}
}
我的IDE抱怨說id和content是未解決的變數在
<div style="text-align: center"class="container">
<h1>
歡迎{{title}}!
</h1> 歡迎{{title}}!
<div class="container">
<p>Id。<span>{{greeting. id}}</span></p>
<p>Message: <span>/span>{{greeting.content}}! </span></p>
</div>/span>
</div>/span>
這個教程是過時了還是我可能做錯了什么？
uj5u.com熱心網友回復：
你的IDE正在抱怨，因為greetings是一個空物件。這很正常，因為它是一個空物件 greeting = {};。
如果你想避免這個警告，你可以創建一個帶有optionnals屬性的物件：
class Data {
constructor(public id? :string, public content?:string){}。
并在你的組件中使用它 greeting: Data = {};
你也可以創建一個沒有optionnals屬性的物件：
class Data {
constructor(public id: string, public content:string){}。
}
并在你的組件greeting: Data;并在你的HTML中使用
<p> Id: <span>{{greeting? .id}}</span> </p>
<p>訊息: <span>{{greeting?.content}}! </span></p>
你也可以使用greeting: any;，但是如果你可以輸入你的物件，我不建議使用any。它使用起來更清晰。
或者僅僅為了教程的目的，忽略警告/壓制警告。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/324195.html
標籤：
上一篇：我怎樣才能解決這個錯誤。不能為有一個以上回傳的查詢創建TypedQuery，使用所要求的結果型別？
下一篇：在"mongosh"中，我如何在不洗掉典型的"admin"、"config"或"local"資料庫的情況下洗掉所有資料庫