.state('main', {
    abstract: true,
    controller: 'MainCtrl',
    template: '<div ui-view />'
}).state('main.clients', {
    url: '/clients/:id',
    views: {
        list: {controller: 'ClientListCtrl', templateUrl: 'client-list.html'},
        detail: {controller: 'ClientDetailCtrl', templateUrl: 'client-detail.html'}
    }
}.state('main.services', {
    url: '/services/:id',
    views: {
        list: {...},
        detail: {...}
    }
}

<div>
    <div ui-view='list'></div>
    <div ui-view='detail'></div>
</div>

<ul>
    <li data-ng-click='$state.go('main.clients({id: client.id})'
        data-ng-repeat='client in clients'>
        {{client.name}}
    </li>
</ul>