ionic-team / ionic-team/ionic-framework

bug: angular, cannot easily access router outlet inside of tabs

Đang mở
#19,330 5 bình luận 1 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.9.0**

**Current behavior:**
When setting `[swipeGesture]="false"` on the main router outlet, swipe to go back will not be disabled for child outlets (ion-tabs).

Setting `swipeBackEnabled: true` in the import of `IonicModule.forRoot` also has no effect on routing based navigation

**Expected behavior:**
--> A way to globally disable swipe to go back, as it is currently broken on iOS.

**Steps to reproduce:**
See above.

**Related code:**
No related code.

**Other information:**
Due to #19293 , we have to disable swipe to go back. Because of the way tabs now work, we no longer define our own `ion-router-outlet` for each tab, and thus are not able to set [swipeGesture]="false" for tabs.

**Ionic info:**
```
Ionic:

Ionic CLI : 5.2.7 (C:\Users\xxx\AppData\Roaming\nvm\v10.16.3\node_modules\ionic)
Ionic Framework : @ionic/angular 4.9.0
@angular-devkit/build-angular : 0.803.3
@angular-devkit/schematics : 8.3.3
@angular/cli : 8.3.3
@ionic/angular-toolkit : 2.0.0

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : not available
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.0.1, (and 13 other plugins)

Utility:

cordova-res : not installed
native-run : 0.2.8

System:

Android SDK Tools : 26.1.1 (C:\Users\xxx\AppData\Local\Android\sdk)
NodeJS : v10.16.3 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10
```

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

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

Hướng nghiên cứu

Start by reproducing the issue with Ionic 4.9.0, Angular tabs, and nested router outlets on iOS. Inspect the [swipeGesture]="false" setting and IonicModule.forRoot({ swipeBackEnabled: true }) behavior across the main and child outlets. Done means swipe-to-go-back is globally disabled for routing-based navigation, including tab outlets, without requiring separate ion-router-outlet elements.

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, mobile-dev
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.