模板解析错误:解析器错误:意外的令牌“日期”
问题描述:
我有一个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
所以我怎样才能修复它抱怨?
答
您不能在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>
角2的模板语法不支持newing了对象(与任何对象尝试)。 如果您需要日期,请在组件中将它初始化为'currentTimeStamp = new Date()。toLocaleDateString()' ,然后在模板中引用currentTimeStamp。 – silentsod