10
Harita işaretleyici baloon gövdesine sağlam bir HTML dizesi vermem gerekiyor.
Balonun Açısal bileşenini yapmak ve bağlayıcıları ve yerleşik yönergeleri (*ngFor, *ngIf, vb.) Kullanmak istiyorum. Öyleyse, bileşen şablonundaki tüm bağları değerlendirmek ve sonucu bir dizeye derlemek için bir yol arıyorum ...
Bunu nasıl elde edebilirsiniz veya bu yaklaşım açısal değilse - desen ne olabilir?Bağlama bileşenini HTML'ye bağlama derleme
// 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^*/
});
}
Son zamanlarda buna baktım ve şu anda bunu ortaya çıkaran bir şey olduğunu düşünmüyorum. Angular şablon sözdizimi yerine, çok satırlı şablon dizelerini kullanarak kendi işlevlerimizi yazdık. – jonrsharpe
Bunu bir süredir araştırıyorum ve elementRef,// ReflectiveInjector, Rendered vb. Gibi bazı tekniklerle mümkün olabileceğine dair bazı ipuçları var ... Hala bunun için sağlam ve güzel bir çözüm bulmayı umuyoruz :) –
' '@ angular2/core'; 'Şaka yapıyor gibisiniz – yurzui