Rewrite Ionic routing with IIS Rewrite


Hi all,

I’m currently trying to clean my url using IIS rewrite

basicly i want to rewrite using IIS rewrite from to

but when i try to access IONIC not recognize it and brought to $urlRouterProvider.otherwise (app/index)

this method are run correctly if i use redirect on IIS rewrite rules

is there something miss or it cannot be happen

below are my app.js:

.config(function($stateProvider, $urlRouterProvider, $locationProvider) {

  .state('app', {
    url: "/app",
    abstract: true,
    templateUrl: "templates/menu.html",
    controller: 'AppCtrl'
  .state('app.index', {
    url: "/index",
    views: {
      'menuContent': {
        templateUrl: "templates/home.html",
		controller: 'indexController'
 .state('app.list', {
    url: "/list",
    views: {
      'menuContent': {
        templateUrl: "templates/list.html",
		controller: 'indexController'

This one is my web.config:

<rule name="Rewrite Blog" stopProcessing="true">
        <match url="^list$" />
        <action type="Rewrite" url="app/list" />
<rule name="AngularJS" stopProcessing="true">
        <match url=".*" />
        <conditions logicalGrouping="MatchAll">
          <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
          <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          <add input="{REQUEST_URI}" pattern="^/app" negate="true" />
        <action type="Rewrite" url="/" />


Sorry, I don’t sure i understand your problen. If your problem is to make redirect for abstract state so use it:

$urlRouterProvider.when(’/app’, ‘/app/list’);


Hi matanyed thx for your reply,

basicly i want to remove “/app” from the URL, i’m googling and not find any way to do it with IONIC routing if i use side nav

so i’m trying using IIS rewrite to get it

i’m rewriting /list to /app/list

so if any user browse its rewrite to


Just dont write “app” state.
use ng-controller on body tag (< body ng-controller=“AppController” >).


if i do that can i still have ion-side-menu for my menu?
if it still can, is there any example link?

so far i know from googling, app state is required to use ion-side-menu
sorry if i’m wrong


You can have side menu without app state.


thx matanyed its working


Great. Good luck friend.