2017-02-02 43 views
2

首先,我對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啓動服務器,我要殺死它,每次我做出改變一個變量看變化時重新啓動它。

+0

您是否嘗試關閉/重新打開瀏覽器? –

回答

2

這是目前在CLI一個已知的問題昨天開始,你可以跟蹤它的狀態here