我正在使用angular 8和ngx-boostrap打开模态并将数据从父级传递到模态。但是没有按预期工作。我应该怎么做才能使其正常工作?..这是我的stackblitz演示和代码
的HTML
<button type="button" class="btn btn-primary" (click)="openModal(template)">Open modal</button>
<ng-template #template>
<div class="modal-header">
<h4 class="modal-title pull-left">Modal</h4>
<button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Just a modal with a {{initialState.data1}}
</div>
</ng-template>
零件
openModal(template: TemplateRef<any>) {
const initialState = {
data1 : 'foo'
}
this.modalRef = this.modalService.show(template, {initialState});
}
你可以这样使用
的HTML
<ng-template #template>
<div class="modal-header">
<h4 class="modal-title pull-left">Modal for data : {{ modalService.config.initialState.data1 }}</h4>
<button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
This is a modal.
</div>
</ng-template>
零件
openModal(template: TemplateRef<any>) {
const user = {
data1 : 'foo'
};
this.modalRef = this.modalService.show(template, {
initialState : user
});
}
而这个在线演示
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句