[JavaScript] Angular - 2 widoki Opcje

[aras785]

Cześć.

Potrzebuję pomocy i rady bo nie potrafię sam tego ogarnąć.
Zaczynam z angular i chcę zrobić coś takiego:

Strona podzielona na 2 części, z lewej zadania, z prawej edycja wybranego zadania.
Jeśli nie jest żaden wybrany to np. przycisk dodaj:

(opisy na obrazkach)




Tak samo jak działa to na asana.com

Zrobiłem tak:

[HTML] pobierz, plaintext 
...
$stateProvider.
      state('home', {
            url: "",
            views: {
                "view-tasks": {
                    templateUrl: 'app/template/tasks.html',
                    controller: 'TasksController'
                },
                "view-task": {
                    templateUrl: app/template/task.html',
                    controller: 'TaskController'
                }
            }
        }).
      state('task', {
            url: "/task/:id",
            views: {
                "view-tasks": {
                    templateUrl: 'app/template/tasks.html',
                    controller: 'TasksController'
                },
                "view-task": {
                    templateUrl: 'app/template/task.html',
                    controller: 'TaskController'
                }
            }
        })
    }]);
...
[HTML] pobierz, plaintext 

i to działa ale wtedy zmienia się link i lewe strona tak jakby zaczytuje sie na nowo (a tam będą np. wyszukane zadania itp więc chciałbym tego uniknąć).
Tzn chciałbym aby zadanie otwierało się ng-click="openTask(id)" ale wtredy nie potrafię tego wrzucić do controlera tak aby trzymać porządek...

Proszę o pomoc i ew. przykłady. Jak to się powinno zrobić.
Podkreślę: chcę aby lewa strona przy edycji nie była ruszana - tam będą np. zadania z projektów, wyszukane itp.