Fails trying to load child state template when parent's ui-view located in an outermost element

[iomico]

Fails trying to load child state into state's template when ui-view located inside outer element.
Even this state bindings doesn't work in this case - see callBindedFunc().
As I expecting - child state should load it's template into parent's element with ui-view directive.
And why any binding with correspondent $scope in this case fails?

<div ui-view>
        <button ng-click="callBindedFunc()">Call</button>          // Fails!
        <button ng-click="$state.transitionTo('childStateName')">  // Also Fails!
              Go To Child State
        </button>
</div>

but below (in case of ui-view located inside) works fine

<div>
        <button ng-click="callBindedFunc()">Call</button>           // Works !
        <button ng-click="$state.transitionTo('childStateName')">   // Also Works!
              Go To Child State
        </button>

        <div ui-view></div>
</div>

I need to "replace" current state template content (inside outer DIV) with child's state template (as intended in 1st snippet)

[timkindberg]

This may be a bug within this new feature: #171

[adambabik]

@guilloche Which version of ui-router do you use (release 0.0.1, latest snapshot or compiled by yourself)? Actually, your first snippet will work only with this new feature, but to get it, you need to compile ui-router by yourself as it was merged 19 hours ago (github's accuracy :)).

[nateabele]

Closing due to lack of response for 3 months. If this is still an issue, please reopen with a link to a plunkr that demonstrates the issue.