Question

我正在开发一个Angular项目，我有两个组件transcationlist，transcationlistdetail这两个组件都在一个页面上。

我的问题是当我加载这些组件时，我需要按顺序加载这些组件，例如首先，我想加载transcationlist，然后加载transcationlistdetail。

Angular 2/4中是否有任何机制来处理这个问题？

Answer 1

我认为在同一页面中制作两个组件是不对的，这两个组件取决于另一个组件。

你可以在另一个组件中制作一个组件

@Component({
   selector:'app-root',
   template: ` <app-a></app-a>`
})

export class Root {}
-------------------------------------------------------
@Component({
   selector:'app-a',
   template: ` <app-b></app-b>`
})

export class A {}
----------------------------------
@Component({
   selector:'app-b',
   template: ``
})

export class B {}

这里将加载组件根目录，当它开始渲染时，组件A将启动它的生命周期，你可以编写所有的逻辑在渲染html代码之前执行的ngOnInit函数，我们将保证在组件B之前加载组件A中的任何逻辑

Answer 2

如果我们不能使用依赖组件，那么单页中组件的使用是什么

ANGULAR -2组件装载顺序

2 个答案: