模板解析错误：解析器错误：意外的令牌＆＃39;日期＆＃39;

Question

我有一个带有打字稿的angular2应用程序。我想要获得当前时间。这是我的代码

<div>
  <div class="row">
      <div class="col-lg-6">
          <div class="gotoAndBot-Copy-3" >
              gotoAndBot
          <span class="-copy-2">
            {{new Date().toLocaleDateString()}}
          </span>
          </div> 
      </div>

  </div> 
</div>

但它抱怨Template parse errors: Parser Error: Unexpected token 'Date' 我在不知道为什么它不能识别Date

所以我该如何解决？

Answer 1

您不能在Angular 2模板中放置任意表达式。相反，您可以在组件中创建名为dateString的成员并显示该成员。

尝试

@Component({
    // ...
})
export class App {
    dateString = new Date().toLocaleDateString();
}

使用模板

<div>
  <div class="row">
      <div class="col-lg-6">
          <div class="gotoAndBot-Copy-3" >
              gotoAndBot
          <span class="-copy-2">
            {{dateString}}
          </span>
          </div> 
      </div>
  </div> 
</div>