javascript - ViewChild 通过 ID 显示隐藏表单

Question

我有一个带有多个选项卡的父页面，如下图所示。

现在我想在父页面示例中显示表单页面子页面，上面的位置选项卡是父页面，我该怎么做，下面是我的表单页面的格式。

现在，如果我可以取消，它应该隐藏我的表单并显示我当然可以使用的列表，*ngIf但是我如何在此位置选项卡内显示表单页面并隐藏位置列表，取消点击后它会隐藏表单并显示列表我也想传递身份证。

而且我也在app-routing-module.tsexport const appRoutingModule = RouterModule.forRoot(routes, { useHash: true });内部使用。

标签： javascriptangulartypescriptangular8typescript2.0

Answer 1

您可以使用该NgbModal服务。

1. 首先，安装 NgBootstrap。
2. 接下来，在您的 modalService 中导入ParentComponent：

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

3. 将服务添加到构造函数。

   export class ParentComponent implements OnInit {
        ...
        constructor(private modalService: NgbModal)
        ...
   }
   

4. 最后，在按钮单击处理程序中，您可以调用该open()方法。

   buttonClicked() {
        ...
        let modalRef;
        modalRef = this.modalService.open(ChildComponent);
        ...
   }