Javascript angular js中同一控制器的两个实例

我遇到了这个问题（我知道这不是一个好的做法）。我有一个单独的视图，它有一个分屏。在左侧有一个输入字段，在右侧可以看到输入字段值。两侧都有相同的控制器，但我使用带有

ui视图

属性的状态提供程序

index.html

<div class="col-sm-6" ui-view="left-side">
<div class="col-sm-6" ui-view="right-side">

<div class="container">
    <p>{{item}}</p>
</div>

<div class="container">
    <input ng-model="item" />
</div>

rightside.html

<div class="col-sm-6" ui-view="left-side">
<div class="col-sm-6" ui-view="right-side">

<div class="container">
    <p>{{item}}</p>
</div>

<div class="container">
    <input ng-model="item" />
</div>

我知道每个ui视图都有一个单独的（实例？）范围。

---

如果我在左侧的输入字段中写入内容，是否有办法在右侧进行更改？

您可以在视图外部声明

控制器

选项，以便仅初始化一次

代码

$stateProvider.state('/',{
    url: '/',
    controller: 'testController',
    views:{
       'left-side':  {
       templateUrl: 'leftside.html'
    },
      'right-side': {
       templateUrl: 'rightside.html
    }
}