Как интерполировать строку с помощью html с помощью углового2. Я знаю, что в угловом 1.x существует $interpolate(templateString)(miniScope); но я не нашел то же самое для углового2.
предположим, у меня есть такой шаблон: Hello my name is {{name}}
и привязка подобна name: "<strong>Pardeep</strong>"
поэтому я хочу получить результат
Привет, меня зовут Pardeep
для angular2 см. здесь, но я не могу понять ясно
любая помощь?
Вы можете просто использовать директиву [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);
}
}