Angular 2 CLI变量不会更新

时间:2017-02-02 17:41:41

标签: javascript node.js angular angular-cli

首先,我对Angular 2完全陌生,昨天我尝试使用Angular CLI进行我的第一个项目,但失败了。 Angular CLI似乎不适合我 - 我的意思是,变量没有在我的视图中更新。

我在这里做了标准程序:

  • ng new projectname
  • cd projectname
  • npm start

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启动服务器,我必须将其删除并在每次更改时重新启动它到一个变量来看到变化。

2 个答案:

答案 0 :(得分:2)

这是目前在昨天开始的CLI中的已知问题,您可以跟踪它的状态here

答案 1 :(得分:0)

@angular/cli@1.0.0在重新加载时出错。

降级为@angular/cli@1.0.0-rc.4。 然后是rm -rf node_modeules。重新安装所有依赖项。