ionic-team / ionic-team/ionic-framework

bug: Issues with ion-router-outlet and router-outlet

Đang mở
#18,823 13 bình luận 10 reaction 0 người được giao Xem trên GitHub
package: angular type: bug
Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
1 ngày 15 giờ
Pull request đã merge (30 ngày)
51

Mô tả

# Bug Report

**Ionic version:**

[x] **4.x**

**Current behavior:**

Navigation stops working when navigating from a tab to pages that use `router-outlet`.

Navigate to **Tab1** > **Page1** (contains `router-outlet`) > **Page2** (contains `router-outlet`) and then go back to Page1 and try to switch the tab. Navigation seems to stop working at that point. It appears the tabs are tying to use a nested router-outlet instead of the outlet at the root.

**Expected behavior:**

Deep navigation to pages from tabs that use `router-outlet` without navigation failing.

**Related Code**
Here is a repo of the issues using ion-router-outlet and router-outlet
https://github.com/tlaverdure/ion-router-outlet-test

**Ionic info:**

```
Ionic:

Ionic CLI : 5.2.2 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.6.2
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v12.1.0 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS Mojave
```

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start with the linked ion-router-outlet-test reproduction and follow the Tab1 > Page1 > Page2 navigation sequence described in the issue. Inspect the Ionic Angular router-outlet and tab navigation behavior around nested outlets; done means switching tabs still works after returning from Page2 to Page1.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.