Привязка входного элемента через innerHtml с помощью [(ngModel)] - PullRequest
Новая
       15

Привязка входного элемента через innerHtml с помощью [(ngModel)]

0 голосов
/ 29 октября 2018

У меня есть файл компонента, как показано ниже 

import { Component, OnInit } from '@angular/core';  

@Component({
  template: '<div [innerHtml]='htmlContent'></div>'
})

export class DesignComponent implements OnInit {

modelValue='abcd';

htmlContent='<input type="text" [(ngModel)]="modelValue" name="model"> ';

constructor(){}

}

В моем шаблоне я вставляю html, используя метод innerHtml, как показано ниже 

<div [innerHtml]='htmlContent'></div>

Таким образом, он отображает выходные данные в качестве поля ввода, но значения ngModel не отображаются в поле ввода.

Я также пытался использовать sanitize, значение модели Still не вставляется в поле ввода.

Обеззараживать пытались двумя способами, например, 

this.htmlContent= this.sanitizer.bypassSecurityTrustHtml(htmlContent);
this.htmlContent= this.sanitizer.sanitize(SecurityContext.HTML, htmlContent);

Как этого добиться, используя angular2 / 4/5?

Заранее спасибо

...