добавление элемента DIV в качестве дочернего элемента контейнера автозаполнения в typeScript - PullRequest
Новая
       84

добавление элемента DIV в качестве дочернего элемента контейнера автозаполнения в typeScript

0 голосов
/ 04 сентября 2018

Мне нужно добавить элемент DIV в качестве дочернего элемента контейнера автозаполнения, для этого я создал элемент c DIV, который будет содержать элементы (значения)

Я пробовал это с кодом, приведенным ниже, но это больше похоже на javaScript, поэтому я не знаю, как реализация DOM IN TypeScript любезно поможет в этом 

a = document.createElement("DIV");
      a.setAttribute("id", this.id + "autocomplete-list");
      a.setAttribute("class", "autocomplete-items");


this.parentNode.appendChild(a);

1 Ответ

0 голосов
/ 04 сентября 2018

Используйте Renderer2: stackblitz 

@Component({
  selector: 'hello',
  template: `<div #container></div>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {

  @ViewChild('container') container: ElementRef<HTMLDivElement>;

  constructor(
    private R: Renderer2
  ) {}

  ngOnInit() {
    this.appendElement();
  }

  appendElement() {
    const el = this.R.createElement('a');
    this.R.setAttribute(el, 'id', 'autocomplete-list');
    this.R.setAttribute(el, 'class', 'autocomplete-items');
    const txt = this.R.createText('This is a link');
    this.R.appendChild(el, txt);

    this.R.appendChild(this.container.nativeElement, el);
  }
}
...