【问题标题】:Binding to <time>.datetime attribute in Dart在 Dart 中绑定到 <time>.datetime 属性
【发布时间】:2018-07-28 11:51:42
【问题描述】:

我想创建一个包含&lt;time/&gt; 标签的组件。我正在尝试绑定到它的datetime 属性。示例:

// component:

String isoFormat;

<!-- html template: -->

<time datetime="{{isoFormat}}">{{display}}</time>

但是,我收到了这个编译时错误:

ParseErrorLevel.FATAL:无法绑定到“日期时间”,因为它不是已知的 本机属性或已知指令。请修正错字或添加到 指令列表。

有什么解决办法吗?还是我应该放弃它?提前致谢。

【问题讨论】:

    标签: dart angular-dart dart-html


    【解决方案1】:

    由于 datetime 是原生 HTML5 属性,您是否尝试在其前面加上 attr.

    例如:

    &lt;time [attr.datetime]="isoFormat"&gt;{{display}}&lt;/time&gt;

    请看这里:https://webdev.dartlang.org/angular/guide/template-syntax#other-bindings

    【讨论】:

      【解决方案2】:

      要么按照 Crazywater 的建议进行操作,要么使用 dateTime 而不是 datetime

      <time dateTime="{{isoFormat}}">{{display}}</time>
      

      另见https://developer.mozilla.org/en-US/docs/Web/API/HTMLTimeElement

      StackBlitz example (in app/app.component.html) 它是 TypeScript,但对于这个例子来说并不重要。

      【讨论】:

        猜你喜欢
        • 2010-12-11
        • 2012-12-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-07-22
        • 1970-01-01
        • 2021-07-09
        • 2011-06-29
        相关资源
        最近更新 更多