2016-11-07 114 views
0

我有一个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' 我wundering为什么它不承认Date

所以我怎样才能修复它抱怨?

+1

角2的模板语法不支持newing了对象(与任何对象尝试)。 如果您需要日期,请在组件中将它初始化为'currentTimeStamp = new Date()。toLocaleDateString()' ,然后在模板中引用currentTimeStamp。 – silentsod

回答

2

您不能在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>