小编JDi*_*nar的帖子

在Angular中，无论如何都可以删除父元素而不删除其子元素。我知道有几种使用jQuery的方法，但是我宁愿不使用jQuery。

具体细节如下：我有一个列表，我想根据屏幕大小在下拉菜单或面包屑之间进行切换。li元素本质上是相同的，只是需要将其父ul换出。目前，我可以在两者之间切换，但是我正在寻找一种不重复使用li元素的方法，以减少代码的重复性。

下拉列表父项：

<ul *dropdownMenu class="dropdown-menu">

面包屑父母：

<ul class="custom-breadcrumb nav nav-fill"

通常，我只会使用[className] = ...之类的条件替换掉这些类。但是由于*dropdownMenu正与ngx-bootstrap配合使用以使下拉列表正常工作，因此我需要换出who ul元素。

到目前为止，我尝试过的所有操作都删除了父ul和子li元素。

在此先感谢您的帮助

我有一个ngx引导程序模式，该模式当前有效，并打开“详细信息清单”页面，其中包含清单中每个人的特定数据。但是，我想使用路由，以便可以通过直接url打开我的列表模式，并根据其ID填充列表中的特定详细信息。例如，... / listings / listing / 50将打开“列表模式”，并填充列表ID 50的详细信息。

目前，我什至无法通过直接网址打开任何模式。

目前，我正在通过单击链接打开每个模式

<a (click)="openDetailsModal(listing)" ...

和我的ListingService

  openDetailsModal(listing: Listing): void {
    this.selectedListing = listing;
    this.bsModalRef = this.modalService.show(ListingDetailComponent, {class:'listingDetailModal'});
    this.bsModalRef.content.listing = this.selectedListing;
  }

另外，我目前还使用HttpClient从数据库中获取所有列表。