내지도 마커 baloon body에 단색 HTML 문자열을 제공해야합니다.
저는 baloon을 Angular 구성 요소로 만들고 바인딩과 내장 지시문 (*ngFor, *ngIf
등)을 사용하려고합니다. 그래서 구성 요소 템플릿의 모든 바인딩을 평가하고 결과를 문자열로 컴파일하는 방법을 찾고 있습니다 ...
이 방법을 사용하거나이 방법이 비구 조형 인 경우 - 권장되는 패턴은 무엇입니까?바인딩을 사용하여 각도 구성 요소를 HTML로 컴파일
// 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^*/
});
}
최근에이 문제를 조사한 결과, 현재이 문제를 드러내는 것이 없다고 생각합니다. 우리는 Angular 템플릿 구문 대신 다중 행 템플릿 문자열을 사용하여 자체 함수를 작성했습니다. – jonrsharpe
잠시 동안 조사 중이며 elementRef,/및 ReflectiveInjector, Rendered 등과 같은 일부 기술을 사용하여 가능할 수 있다는 힌트가 있습니다. 아직 한 가지 견고하고 아름다운 솔루션을 찾기를 희망합니다. –
' '@ angular2/core'에서 '당신은 농담하는 것 같습니다. – yurzui