在Angular中，可以通过使用ui-router的state和view组件来实现两个独立的state互相嵌套。下面是一个简单的例子：

1. 首先，我们需要创建两个state，一个用于当前页面，另一个用于导航菜单。

```typescript export class CurrentPageState { constructor(private route: ActivatedRoute) {}

navigate() { this.route.navigate(['/main']); } }

export class MainPageState { constructor(private route: ActivatedRoute) {}

navigate() { this.route.navigate(['/home']); } } ```

1. 然后，我们可以使用state和view组件来显示这两个state。

```typescript export class App { constructor(private router: Router, private currentPage: CurrentPageState, private mainPage: MainPageState) {}

ngOnInit() { this.currentPage.navigate(); this.mainPage.navigate(); } } ```

在这个例子中，我们创建了两个state，CurrentPageState和MainPageState。然后，我们创建了一个App组件，它包含了这两个state。

在App组件的ngOnInit方法中，我们使用this.currentPage.navigate()和this.mainPage.navigate()方法来导航到这两个state。这将使App组件显示这两个state。

注意，每个state都有自己的路由，所以它们的navigate()方法都需要传入对应的路由。