Question

在我的Angular4应用程序中，我有一个路由器链接，它调用一个组件，列出所有细节，具有相同的通用div。（div列出了我传给它的所有内容）

每个链接在新窗口中打开，并显示该div和所有详细信息：

<a [routerLink]="['../../'+ property.concept.name.toLowerCase(), item.id]">-->{{property.concept.name}}</a>

我的目标是在我所在的页面上打开这些链接，创建一个div的“堆栈”，就像打开div的Feed一样。

模式操作：我有一个div，其中包含我之前发布的详细信息和链接，然后我点击该div上的链接，然后在第一个带有新内容的顶部打开另一个div，依此类推..如果我点击一个特定div中的链接，它应该打开其他顶部的新div。

这甚至可能吗？我试过用typescript函数做这个，但是我放弃了以前div的函数，只得到了函数 <a (click)="showRelatedInstance(..)></a>处理第一个div

以下是一些代码：

HTML：

    <div id="orange" class="nextContainers" [ngClass]="{'col-md-12 col-sm-12 col-xs-12': true }"  *ngIf="showRelatedContent">
    <ng-container *ngFor="let property of relatedInstance.metadata.properties" [ngSwitch]="property.property">

<div class="form-group row">
    <div class="col-md-3 col-sm-3 col-xs-12 text-right" *ngIf="property.isAttribute">
    <div class="col-md-9 col-sm-9 col-xs-12" *ngIf="property.type" [ngSwitch]="property.type">

这不起作用，因为它放松了娱乐场所（只是在最后一个窗口打开）

<a (click)="showRelatedInstance({entity:property.concept.name, id:eval('relatedInstance.instance.' + property.key + '.' + property.concept.idKey)})" class="link"  *ngIf="hasValue('relatedInstance.instance.' + property.key)">
 {{eval('relatedInstance.instance.' + property.key + '.' + property.concept.textKey)}} &nbsp;
 <i  class="fa fa-search-plus"><i>{{property.concept.name}}</i></i>
  </a>

新解决方案（？）

 <a [routerLink]="['../../'+ property.concept.name.toLowerCase(),eval('relatedInstance.instance.' + property.key + '.' + property.concept.idKey)]">-->{{property.concept.name}}</a>
   </ng-container>

<a [routerLink]="['../../'+ property.concept.name.toLowerCase(), item.id]">-->{{property.concept.name}}</a>

 </div>
 </ng-container>
...

在动态创建的div上打开RouterLink

0 个答案: