模板解析错误:解析器错误:意外标记“日期”

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

不能将任意表达式放置在角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>