我想在点击按钮后创建带有密码的弹出窗口。输入引脚后,如果输入正确,将向数据库发送有关信息的数据。
以下是我的一些代码:
锁止status.component.html
<button type="button" (click)="addLog($event)" class="btn btn-success btn-open">OPEN DOORS <i class="fa fa-key fa-3x"></i></button>
锁止status.component.ts
import { Component, OnInit } from '@angular/core';
import {LogService} from '../../services/log.service';
import 'rxjs/add/operator/map';
import {Log} from '../../Log';
@Component({
moduleId: module.id,
selector: 'lock-status',
templateUrl: 'lock-status.component.html'
})
export class LockStatusComponent implements OnInit {
logs: Log[];
constructor(private _logService:LogService) { }
ngOnInit(){
this.logs = [];
this._logService.getLogs()
.map(res => res.json())
.subscribe(logs => this.logs = logs);
}
addLog($event){
if($event.which === 1){
var result;
var d=new Date();
var newLog={
datka: String(d),
isCompleted: true
};
result=this._logService.saveLog(newLog);
result.subscribe(x =>{this.logs.push(newLog)})
}
}
}
你有什么想法我该怎么办?
答案 0 :(得分:0)
看看这个库ng2-bs3-modal中的模态弹出窗口。您在按钮单击时弹出窗口,显示引脚或请求引脚,然后在确定/确认按钮上执行逻辑,然后导航到您需要的位置。