Angular2 - Интерполировать строку с html

Как интерполировать строку с помощью html с помощью углового2. Я знаю, что в угловом 1.x существует $interpolate(templateString)(miniScope); но я не нашел то же самое для углового2.

предположим, у меня есть такой шаблон: Hello my name is {{name}}

и привязка подобна name: "<strong>Pardeep</strong>"

поэтому я хочу получить результат

Привет, меня зовут Pardeep

См.

для angular2 см. здесь, но я не могу понять ясно

любая помощь?

Ответ 1

Вы можете просто использовать директиву [innerHTML] для ее выполнения.

http://plnkr.co/edit/6x04QSKhqbDwPvdsLSL9?p=preview

import {Component, Pipe} from '@angular/core'

@Component({
  selector: 'my-app',
  template: '
            Hello my name is <span [innerHTML]="myName"></span> 
  ',
})
export class AppComponent {

  myName='<strong>Pardeep</strong>';

}

Обновить:

Я проверил, что это не работает после выпуска RC.1.

Скажем, чтобы он работал с RC.4, вы можете использовать DomSanitizationService как показано ниже,

@Component({
  selector: 'my-app',

  template: '
    <div [innerHTML]="myCheckbox"></div>
  ',
})
export class AppComponent {

  dangerousUrl='<input type="checkbox">';

  constructor(sanitizer: DomSanitizationService) {

    this.myCheckbox= sanitizer.bypassSecurityTrustHtml(this.dangerousUrl);
  }
}

http://plnkr.co/edit/Yexm1Mf8B3FRhNch3EMz?p=preview