首先,我对Angular 2完全陌生,昨天我尝试使用Angular CLI进行我的第一个项目,但失败了。 Angular CLI似乎不适合我 - 我的意思是,变量没有在我的视图中更新。
我在这里做了标准程序:
localhost:4200 的服务器启动,然后我尝试将新元素 - 一个段落 - 添加到/src/app/app.component.html模板中:
<p>This text gets displayed</p>
CLI通知我一切正常,浏览器自动刷新,然后我看到默认的&#34;应用程序正常工作!&#34;标题和我的新段落里面有文字。
但是,我决定更改 app.component.ts 文件中的 title 变量,所以我的新类声明如下所示:
export class AppComponent {
title = 'New App Title!';
}
CLI再次告诉我一切都很好,但浏览器没有看到任何变化。我手动刷新了页面,但没有任何更改 - 标题仍然说&#34;应用程序正常工作!&#34;。
所以我尝试在文件中添加一个新变量:
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
答案 1 :(得分:0)
@angular/cli@1.0.0
在重新加载时出错。
降级为@angular/cli@1.0.0-rc.4
。
然后是rm -rf node_modeules
。重新安装所有依赖项。