angular模态框位置_angular2 ngbootstrap 模态框用法

import {Component, ViewEncapsulation} from "@angular/core";

import {NgbModal} from '@ng-bootstrap/ng-bootstrap';

@Component({

selector: 'model-test',

encapsulation: ViewEncapsulation.None,

styles: [`

.dark-modal .modal-content {

background-color: #2b669a;

color: white;

}

`],

templateUrl: './model.component.html'

})

export class ModelTestComponent {

username: string;

password: string;

model: any;

constructor(private modalService: NgbModal) {}

open(content) {

this.model = this.modalService.open(content, { windowClass: 'dark-modal',size: 'lg'});

}

submit() {

this.model.close();

}

}

×

Modal title

let-c="close" let-d="dismiss"

输入用户名：

输入密码：

提交

Close

打开模态框