dart - Angulardart Markdown指令不起作用

Question

我正在尝试执行以下操作:

import 'dart:html';

import 'package:angular/angular.dart';
import 'package:markdown/markdown.dart' as md;

@Directive(selector: '[markdown]')
class MarkdownDirective {
  @Input('markdown')
  String marked;

  MarkdownDirective(Element el) {
      final html = md.markdownToHtml(marked);
      print(el.innerHtml); // this is empty
      print(html); // obv null
      el.setInnerHtml(html);
  }
}

我期望innerHtml具有“markdown”内容的值，但是在输入此指令之前它为null。

        <div markdown>{{report.summary}}</div>

我也尝试过，没有运气:

        <div [markdown]="'{{report.summary}}'" >{{report.summary}}</div>

Got interpolation ({{}}) where expression was expected at column 1 in ['{{report.summary}}']-无法完全理解为什么它不起作用。/

Answer 1

该错误消息与指令完全无关，而是在<div [markdown]="'{{report.summary}}'" >{{report.summary}}</div>中使用。

使用[markdown]="report.summary"或markdown="{{report.summary}}"，但不能两者都使用。我发布的两个变体是等效的(请参阅here)。