Мне нужно создать сплошную строку HTML для моего тела маркера.
Я хочу сделать baloon компонентом Angular и использовать привязки и встроенные директивы (*ngFor, *ngIf
и т.д.).
Поэтому я ищу способ оценить все привязки в шаблоне компонента и скомпилировать результат в строку...
Как достичь этого, или если этот подход не является angular - какой шаблон может быть рекомендован?
// 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 ^ */
});
}