En la vista de clientes, tengo un botón de crear cliente que debería cargar uncustomers.create.html vista parcial donde elcustomers.html está posicionado.

¿Cómo puede la vista actual"customers.html" ser reemplazado por otra vista"customers.create.html" ?

clientes.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"
                })

En el momento en que se hace clic en el botón Crear, la ruta cambia a / clients / create pero no a la vista html, simplemente permanece igual.

No puedo poner el<div ui-view></div> debajo del botón Crear porque la cuadrícula de datos de los clientes y el botón Crear seguirían visibles.

Tal vez no debería usar una vista jerárquica de clientes.