Angular 2 - 单击按钮后带有引脚编号的窗口

时间:2016-08-28 17:56:15

标签: angular popupwindow

我想在点击按钮后创建带有密码的弹出窗口。输入引脚后,如果输入正确,将向数据库发送有关信息的数据。

以下是我的一些代码:

锁止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)})
        }
    }

 }

你有什么想法我该怎么办?

1 个答案:

答案 0 :(得分:0)

看看这个库ng2-bs3-modal中的模态弹出窗口。您在按钮单击时弹出窗口,显示引脚或请求引脚,然后在确定/确认按钮上执行逻辑,然后导航到您需要的位置。