角度 - 更改一个视图ui.router

Question

我想创建任务管理器，但我不知道它是怎么做的。

我有3个情况：

1）项目中的任务列表： left：list task，right：带有“添加任务”按钮的空视图。

2）如果我单击编辑任务但是左侧站点是相同的但是右侧是表单编辑：

我的实际代码：

HTML：

<div class="col-sm-6">
    <div ui-view="view-tasks">loading...</div>
</div>
<div class="col-sm-6">
    <div ui-view="view-task">loading...</div>
</div>

和js：

...
$stateProvider.
      state('home', {
            url: "",
            views: {
                "view-tasks": {
                    templateUrl: '<?php echo base_url(); ?>/app/template/tasks.html',
                    controller: 'TasksController'
                },
                "view-task": {
                    templateUrl: '<?php echo base_url(); ?>/app/template/task.html',
                    controller: 'TasksController'
                }
            }
        }).
      state('task', {
            url: "/task/:id",
            views: {
                "view-tasks": {
                    templateUrl: '<?php echo base_url(); ?>/app/template/tasks.html',
                    controller: 'TasksController'
                },
                "view-task": {
                    templateUrl: '<?php echo base_url(); ?>/app/template/task.html',
                    controller: 'TaskController'
                }
            }
        })
    }]);
...

如果我单击编辑左侧列表我刷新（什么时候我scrool等？ - 坏）。

如何最好地解决这个问题？

mayby创建函数并在编辑中添加：ng-click =“editTask（id）”并自动包含带控制器的新视图？

对不起我的英语，但我试过了：）