Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在html中单击时绑定NgbModalOptions大小_Javascript_Angular_Angular2 Template_Angular Bootstrap - Fatal编程技术网

Javascript 如何在html中单击时绑定NgbModalOptions大小

Javascript 如何在html中单击时绑定NgbModalOptions大小,javascript,angular,angular2-template,angular-bootstrap,Javascript,Angular,Angular2 Template,Angular Bootstrap,在html页面上有一个调用引导模式打开(内容)的按钮。要求是也需要通过模态的大小('sm','lg')。 使用角度2引导模式。有人能帮我吗 html: <button class="btn btn-primary btn-add" (click)="open(content)">Add</button> <ng-template #Deletecontent let-c="close" let-d="dismiss"> <div class="

在html页面上有一个调用引导模式打开(内容)的按钮。要求是也需要通过模态的大小('sm','lg')。 使用角度2引导模式。有人能帮我吗

html:

<button class="btn btn-primary btn-add" (click)="open(content)">Add</button>

<ng-template #Deletecontent let-c="close" let-d="dismiss">
    <div class="modal-header">
        <h4 class="modal-title">Delete Device</h4>
    </div>
    <div class="modal-body delete-modal">
        <p>Are sure you want to delete this device/devices?</p>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary btn-cancel" (click)="c('Close click')">Cancel</button>
        <button type="button" class="btn btn-primary btn-add" (click)="deleteDevices()">Delete</button>
    </div>
</ng-template>
添加
删除设备
确实要删除此设备吗

取消 删除
在打开的函数中

open(content: any) {
   this.modalService.open(content, { size: 'lg' });
}

您可以使用ng类。像

[ngClass]="'style1'"
在div中使用它,并在model open上应用条件