我正在尝试执行以下操作:
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}}']
- 完全不理解为什么它不起作用./
错误消息根本与指令无关,而是在<div [markdown]="'{{report.summary}}'" >{{report.summary}}</div>
中使用。
使用[markdown]="report.summary"
或markdown="{{report.summary}}"
,但不能同时使用两者。我发布的两个变体是等价的(参见here)。
只需更改你设置markdown属性的方式...尝试:
<div markdown="**my message**"></div>
要么
<div [markdown]="myVar"></div>
// somewhere in your class
String myVar = '**my message**';
Dart会自动阻止不安全的内容。您需要专门绕过安全性。你能做到的一种方法是:https://webdev.dartlang.org/api/angular/angular.security/DomSanitizationService-class