【发布时间】:2017-06-19 22:01:26
【问题描述】:
首先,我对 Angular 2 完全陌生,昨天我尝试在我的第一个项目中使用 Angular CLI,但失败了。 Angular CLI 似乎对我不起作用——我的意思是,变量在我的视图中没有得到更新。
我在这里做了标准程序:
- ng 新项目名称
- cd 项目名称
- npm 开始
localhost:4200 的服务器启动,然后我尝试向 /src/app/app.component.html 模板添加一个新元素 - 一个段落:
<p>This text gets displayed</p>
CLI 通知我一切正常,浏览器自动刷新,然后我看到默认的“应用程序正常运行!”标题和我的新段落,里面有文字。
但后来,我决定更改 app.component.ts 文件中的 title 变量,所以我的新类声明如下所示:
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 启动服务器,并且每次我对变量以查看更改。
【问题讨论】:
-
您尝试关闭/重新打开浏览器吗?
标签: javascript node.js angular angular-cli