How to update only one nested ui-view?

Question

Angular

Hello!
Sample structure:

<ui-view data-name="content">
    <ui-view data-name="filterAndSort"></ui-view> <!-- Сортировка и фильрация -->
    <ui-view data-name="result"></ui-view> <!-- Результат фильтрации и сортировки -->
</ui-view>

It is necessary to make it so that when changing the filter or sorting, the ui-view responsible for the result is updated.
Routing settings:

.state({
    name: 'tasks',
    url: "/tasks?sort&filter",
    resolve: {
        ...
    },
    params: {
        sort: {
            value: 'updated',
            squash: true
        }
    },
    views: {
        'content' : {
            component: 'pageTasks'
        },
        '[email protected]' : {
            component: 'filter'
        },
        '[email protected]' : {
            component: 'list'
        }
    }

});

How can this work from uiRouter?