Question

我在“ feed”模块的应用程序中有一个路由。在摘要中，我有两种类型的帖子，我需要打开此帖子并通过直接链接显示完整信息，如何根据情况打开合适的组件，或者如何解决此问题？

const feed_routes: Routes = [
    { path: '', component: ParentComponent,
        children: [
            { path: ':slug', component: FirstComponent },
            { path: ':slug', component: SecondComponent },
        ]
    }
];

Answer 1

使用通用组件呈现所有帖子。并在模板中像这样分别渲染两种类型的帖子。

在component.ts

中

@Component({
  selector: 'app-post-container',
  styleUrls: ['./app-post-container.component.scss'],
  templateUrl: './app-posts-container.component.html'
})
export class PostsContainerComponent {
  @input()
  public type;
}

在component.html

中

<div>
  <first-component *ngIf="type === 'conditionOne'"></first-component>
  <second-component *ngIf="type === 'conditionTwo'"></second-component>
</div>

有条件的成角度路线分量

1 个答案: