blob: 3d49c676875cd2048990fc21ca1bea8624325528 (
plain) (
blame)
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
|
import { Component, ElementRef, Input, OnChanges, ViewChild } from '@angular/core'
import { CustomMarkupService } from './custom-markup.service'
@Component({
selector: 'my-custom-markup-container',
templateUrl: './custom-markup-container.component.html'
})
export class CustomMarkupContainerComponent implements OnChanges {
@ViewChild('contentWrapper') contentWrapper: ElementRef<HTMLInputElement>
@Input() content: string
constructor (
private customMarkupService: CustomMarkupService
) { }
async ngOnChanges () {
await this.buildElement()
}
private async buildElement () {
const element = await this.customMarkupService.buildElement(this.content)
this.contentWrapper.nativeElement.appendChild(element)
}
}
|