# Need help in setup \`ion-nav-view\` inside ionic modal

**URL:** <https://forum.ionicframework.com/t/need-help-in-setup-ion-nav-view-inside-ionic-modal/35679>\
**Category:** ionic-v1\
**Created:** [October 27, 2015, 2:19pm UTC](https://forum.ionicframework.com/t/need-help-in-setup-ion-nav-view-inside-ionic-modal/35679 "2015-10-27T14:19:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bytes](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@Bytes](https://forum.ionicframework.com/u/Bytes)\
**Post date:** [October 27, 2015, 2:19pm UTC](https://forum.ionicframework.com/t/need-help-in-setup-ion-nav-view-inside-ionic-modal/35679/1 "2015-10-27T14:19:59Z")

</div>

I am bit new to ionic development.

I am using ionic’s default sidemenu template.

I want to create navigation flow inside modal. Modal is intended to use for login. And login page linked with forgot password and signup page through navigation.

**What I have done so far is** ,

Modified app.js `stateprovider` and added some new routes. I am partially succeeded in it but when `$state.go('loginnav.login');` that code executes I got login view embedded in my app/main navigation flow not inside modal’s navigation flow.

**Issue :** I am not able to give navigation flow inside login Modal.

Any help would be greatly apprecieated.

`app.js`

```
.state('loginnav', {
	url: '/loginnav',
	abstract: true,
	templateUrl: 'templates/loginnav.html',
})

.state('loginnav.login', {
	url: '/login',
	views: {
	'logContent': {
		templateUrl: 'templates/login.html'
		}
	}
})

.state('loginnav.signup', {
	url: '/signup',
	views: {
	'logContent': {
		templateUrl: 'templates/signup.html'
		}
	}
})

```

`loginnav.html`

```
<ion-nav-bar>
  <ion-nav-back-button>
  </ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view name="logContent" ng-controller="LoginNavCtrl"></ion-nav-view>

```

`controller.js -> AppCtrl`

```
// Create the login modal that we will use later
$ionicModal.fromTemplateUrl('templates/loginnav.html', {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});

```

`controller.js -> LoginNavCtrl`

```
$state.go('loginnav.login');
```

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [October 27, 2015, 2:42pm UTC](https://forum.ionicframework.com/t/need-help-in-setup-ion-nav-view-inside-ionic-modal/35679/2 "2015-10-27T14:42:46Z")

</div>

So this isn’t possible currently with ionic v1. It’s a limitation of how urls and routing are tied together.