2016-08-28 5 views
0

ボタンをクリックした後にピン番号のポップアップウィンドウを作成したいと思います。ピンを入力した後、ピンが正しく入力されていれば、データについての情報がデータベースに送られます。ここで 角度2 - ボタンをクリックした後のピン番号を持つウィンドウ

は、私のコードの一部です:

ロック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)}) 
     } 
    } 

} 

uは持っていますどのように私はそれを行うことができます任意のアイデア?

答えて

0

このライブラリng2-bs3-modalのモーダルポップアップウィンドウを見てください。ボタンのクリックでウィンドウをポップしたり、ピンを提示したり、ピンを要求したり、OK /確定ボタンを押すと、ロジックが実行され、必要な場所に移動します。

関連する問題