Modal Angular 2 body

Question

Я пытаюсь поставить такие переменные как {{variable}} внутри тела бутстрапа, но он не работает. Я делаю это в Angular2. Это мой HTML:

<div> <button class="btn btn-danger" (click)="modal.alert() 
    .title('Model') 
    .body('testing model angular 2' {{variable}}) 
    .okBtn('ok') 
    .open();">Open Model</button> </div> 

и это мой класс:

export class App { 
    constructor(private modal: Modal, private elementRef: ElementRef, 
       private injector: Injector, private _renderer: Renderer) {} 
} 

модальное работает отлично:

enter image description here

Проблема: Я должен представить Таблица базы данных с некоторыми переменными в таблице HTML, и я не знаю, как это сделать.

Answer 1

Это не должно работать. {{}} работает только в шаблоне компонента, а не в HTML, переданном как строка.

Используйте вместо этого:

<div> <button class="btn btn-danger" (click)="modal.alert() 
    .title('Model') 
    .body('testing model angular 2' + variable) 
    .okBtn('ok') 
    .open();">Open Model</button> </div>