首先,我對Angular 2完全陌生,昨天我嘗試使用Angular CLI進行我的第一個項目,並且失敗了。 Angular CLI似乎不適合我 - 我的意思是,變量沒有在我的觀點中得到更新。Angular 2 CLI變量沒有得到更新
我做的標準程序在這裏:
- 納克新的項目名稱
- CD項目名稱
- NPM啓動
服務器在本地主機:4200分開始,然後我嘗試添加/src/app/app.component.html模板的新元素 - 一段 -
<p>This text gets displayed</p>
CLI通知我一切正常,瀏覽器自動刷新,然後我看到默認的「應用程序工作!」標題和我的新段落裏面有文字。
但後來,我決定改變標題變量app.component.ts文件,所以我的新類的聲明是這樣的:
export class AppComponent {
title = 'New App Title!';
}
的CLI再次告訴我,一切都很好,但在瀏覽器中沒有看到變化。我手動刷新頁面,但沒有發生變化 - 標題仍然表示「應用程序有效!」。
所以我嘗試添加一個新變量文件:
otherText = "some other text";
然後加入另一款到我的模板:
<p>New text: {{otherText}}</p>
段落得到了顯示在網頁上,但 {{ otherText}}變量內容丟失。該頁面看起來像這樣:
<h1>app works!</h1>
<p>this text gets displayed</p>
<p>New text: </p>
有沒有人知道這裏可能是什麼問題?我能做些什麼來使這些變量有效?當我使用standard quickstart package進行工作時,我沒有這種問題,只能使用CLI。
我在Windows 10機器上,我嘗試更新Node.js和NPM,但沒有幫助。
@edit:變量實際上得到更新,但我必須與ng serve
啓動服務器,我要殺死它,每次我做出改變一個變量看變化時重新啓動它。
您是否嘗試關閉/重新打開瀏覽器? –