Как визуализировать угловой элемент тега динамически - PullRequest
Новая
       37

Как визуализировать угловой элемент тега динамически

0 голосов
/ 02 ноября 2019

Я пытаюсь динамически добавить панель подписи в angular6, но она отображается как строка.

Я хочу получить панель подписи в этом шаблоне.

Но она пуста. Пустое изображение элемента 

// custom input fields for form builder
const fields = [{
  label: 'Signature Pad',
  attrs: {
    type: 'SignaturePad'
  },
  icon: 'S'
}];


const templates = {
  SignaturePad: function (fieldData) {
    return {
      // <span id="' + fieldData.name + '">
      field: `<ng-signature-pad (done)="showImage($event)"></ng-signature-pad>`,
      onRender: function () {
      }
    };
  }
};


@Component({
  selector: 'app-test-form-builder',
  templateUrl: './test-form-builder.component.html',
  styleUrls: ['./test-form-builder.component.css']
})
export class TestFormBuilderComponent implements OnInit {

  formBuilder: any;
  title = 'Template builder';

  ngOnInit(): void {
    this.formBuilder = ($('.build-wrap')).formBuilder({ formData, templates, fields });
    console.log(this.formBuilder);
  }
}

Рендеринг в виде строки, такой же, как она. 

<ng-signature-pad (done)="showImage($event)"></ng-signature-pad>
...