【问题标题】:Angular 2 CLI variables don't get updatedAngular 2 CLI 变量没有得到更新
【发布时间】: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


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    @angular/cli@1.0.0 实时重载出错。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-05-13
      • 1970-01-01
      • 2021-07-10
      • 2019-01-10
      • 2017-08-17
      • 2020-04-03
      • 1970-01-01
      相关资源
      最近更新 更多