关于javascript：使用绑定将角度组件编译为HTML

Compile angular component to HTML with bindings

我需要为我的地图标记Baloon主体提供一个实心HTML字符串。我想让Baloon成为一个有角度的组件，并使用绑定和内置指令(*ngFor, *ngIf等)。所以我正在寻找一种方法来评估组件模板中的所有绑定，并将结果编译成一个字符串…如何实现这一点，或者如果这种方法是非角度的——推荐什么样的模式？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

// Component

import {Component} from '@angular2/core';
import {AnyThing} from './somewhere/in/my/app/anything.model.ts';

@Component({
selector: 'my-baloon-window',
template: `<p>
This is a baloon for {{ any.name }}
</p>`
})
export class MyBaloonWindowComponent {
constructor(public something: AnyThing) {}
}

// Implementation

import {AnyThing} from './somewhere/in/my/app/anything.model.ts';
import {MyBaloonWindowComponent} from './path/to/baloon-window.component';

/* { ...some code here... } */

private createBaloonWindow(thing: AnyThing): google.maps.InfoWindow {
return new ymap.map.BaloonWindow({
/* I want something like this */
content: new MyBaloonWindowComponent(thing).toString()
/* ^ this is what I want ^ */
});
}