@ViewChild('elementRef', {read: ElementRef}) elementRef: ElementRef;

// ..

get elementId() {
  return this.type ? this.type + '-element' : null;
}

ngOnInit() {
  this.elementRef.nativeElement.id = this.elementId;
  this._cd.detectChanges();
}

ngAfterViewInit() {
  this._element = this._stripeClientService.elements.create(this.type, this.options);

  setTimeout(() => {
    console.log(document.getElementById(this.elementId));
    this._element.mount(this.elementId);
  }, 100);


  this._element.on('change', (event) => {
    const displayError = document.getElementById('errors');
    if (event.error) {
      displayError.textContent = event.error.message;
      this.canSubmit = false;
    } else {
      displayError.textContent = '';
      this.canSubmit = true;
    }
  });
}