Question

我想在mongodb上发出请求，而在请求加载时，我希望沙漏弹出窗口弹出窗口，这些窗口在请求结束时离开，并在可能的情况下重定向到其他路线。

角度2+ 节点JS MongoDB

我已经准备好模态窗口弹出窗口。

编辑：简单方法我通过在res中添加“ dialogRef.close（）”找到了

        this.countModelService.getCount(datas)
        .subscribe(res =>
        {
            dialogRef.close();
        });

Answer 1

与angular相比，node.js的关联更多……想象一下，您已将mongoDB请求实现为角度服务mongoService。想象一下，您的弹出窗口是使用ng-bootstrap-NgbModal完成的。然后客户端代码可能如下所示：

import { Component, Inject, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { MongoService } from './services/mongo.service';

@Component({
  selector: 'app-mycomp',
  templateUrl: './mycomp.component.html',
  styleUrls: ['./mycomp.component.scss']
})
export class MycompComponent implements OnInit, ... {

    mr: NgbModalRef;

    constructor(...
        private mongo: MongoService,
        private modalService: NgbModal,
        ...) {
        }

    ngOnInit() {
        // some initialization ...
    }

    getFromDB() {       // <--- this is the function you call when clicking your button

        this.mr = this.modalService.open(content);
        mongo.getData().subscribe(
            data => {
                // ... your data handling ...
                this.mr.close();
                this.router.navigate(['/anotherroute']);

            },
            error => {
                // ... your error handling ...
                this.mr.close();
            }
        )
    }
}

使用沙漏的CSS样式应该类似于

...
cursor: wait;
...

Angular 2+模式弹出计时器和重定向

1 个答案: