ionic-team / ionic-team/ionic-framework

bug: missing state property on routerLink

Open
#19,291 2 comments 2 reactions 0 assignees View on GitHub
package: angular type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

# Bug Report

**Ionic version:**

[x] **4.x**

**Current behavior:**

state is being ignored.

**Expected behavior:**

state must be set.

**Steps to reproduce:**

**Related code:**
https://angular.io/api/router/RouterLink
page.html
```
...

This doesn't work

...
This works
```

childPage.ts
```
...
constructor(private userDao: UsersDao, private activatedRoute: ActivatedRoute, private router: Router) {}

async ngOnInit() {
this.activatedRoute.params.subscribe(async params => {
const state = this.router.getCurrentNavigation().extras.state;
console.log({ state: this.router.getCurrentNavigation().extras });
if (state && state.user) {
console.log("State found");
this.user = state.user;
} else {
console.log("State not found");
const id = params.id;
this.user = await this.userDao.get(id);
}
});
...
```

NavController supports it:
this.navCtrl.navigateForward([`/users/${user.id}`], { state: { user } });

**Other information:**

**Ionic info:**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.