Set a defaults for views in Ionic AngularJS
<p>I'm learning Ionic framefork to develop an app.
I defined an abstract state like this:</p>

<pre><code>.state('app', {
    url: '',
    abstract: true,
    templateUrl: "templates/default.html"
  })
</code></pre>

<p>My default.html looks like this:</p>

<pre><code>&lt;ion-side-menus&gt;
&lt;ion-side-menu-content&gt;
    &lt;div ui-view="headerview"&gt;&lt;/div&gt;
    &lt;div ui-view="contentview"&gt;&lt;/div&gt;
&lt;/ion-side-menu-content&gt;
&lt;div ui-view="menuview"&gt;&lt;/div&gt;
</code></pre>

<p></p>

<p>And then I declared all my actual states</p>

<pre><code>.state('app.contacts', {
    url: '/contacts',
    views: {
        'headerview': {
        templateUrl: "templates/common/header.html" ,
        controller: 'headerControllers'
        },

        'menuview': {
        templateUrl: "templates/common/menu.html"
        },

        'contentview': {
        templateUrl: 'templates/contacts.html',
        controller: 'contactControllers'
        }
    }
})

.state('app.partners', {
    url: '/partners',
    views: {
        'headerview': {
        templateUrl: "templates/common/header.html" ,
        controller: 'headerControllers'
        },

        'menuview': {
        templateUrl: "templates/common/menu.html"
        },

        'contentview': {
        templateUrl: 'templates/partners.html',
        controller: 'partnerControllers'
        }
    }
})
</code></pre>

<p>This works like a charm, but I noted that header and menu views will be the same in almost all of my states! That's not very DRY. There is a way to define a default that I can overwrite when needed?</p>

<p>Thank you,</p>