Na visão dos clientes, tenho um botão criar cliente que deve carregar umcustomers.create.html vista parcial onde ocustomers.html está posicionado.

Como pode a visão atual"customers.html" ser substituído por outra visão"customers.create.html" ?

customers.html

<div>
    <button ng-click="create()" class="btn btn-default" ui-sref="customers.create">Create</button>
</div>
<div style="height:500px;" ng-grid="myOptions"></div>

app.js

$stateProvider
            .state('customers', {
                url: "/customers",
                templateUrl: "../views/customers.html",
                controller:  ['$scope', '$stateParams', '$state',
                    function (  $scope,   $stateParams,   $state){ 
               }]
            })
    .state('customers.create', {
                    url: "/create",
                    templateUrl: "../views/customers.create.html"
                })

No momento em que o botão de criação é clicado, a rota muda para / customers / create, mas não a visualização html, ela permanece a mesma.

Não posso colocar o<div ui-view></div> sob o botão criar, pois os dados do cliente e o botão criar ainda estarão visíveis.

Talvez eu não deva usar uma visão hierárquica de customers.create?