Reloading only child state
<p>I have nested UI states. I want to load only child state not the parent state. </p>

<p><strong>Child State</strong> :</p>

<pre><code>$stateProvider.state('app.test', {
    url: '^/test?search',
    controller: 'TestController',
    templateUrl: 'test/test.tpl.html',
    pageTitle: 'Tests',
 });
</code></pre>

<p><strong>Parent State</strong> :</p>

<pre><code> $stateProvider.state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'parent/main-content.tpl.html',
    controller: 'ParentController'
 })
</code></pre>

<p>When I try to load only child state in test page using </p>

<pre><code> $state.go('.', {search: searchTerm});
</code></pre>

<p>It loads only child state.</p>

<p>And when I try <code>$state.reload();</code>, it loads both state and so there controllers. 
If I don't have <strong>searchTerm</strong> parameter for state, then how can I load only current state ?</p>