如何为单个控制器使用两个模板

Question

我想对同一页面中的两个不同模板使用相同的控制器。控制器仅应实例化一次。请找到以下代码。

预期：控制器应仅针对该状态实例一次

.state('app.device.settings', {
        url: '/settings',
        cache: false,
        views: {
          'tempSettings': {
            templateUrl: 'templates/tempSettings.html',
            controller: 'settingController'
          },
          'lightSettings': {
            templateUrl: 'templates/lightSettings.html',
            controller: 'settingController'
          }
        }
      })

//在HTML视图中

<div style="width: 12.5vw; float: left;">
      <div ui-view="tempSettings"></div>
      <div ui-view="lightSettings"></div>
</div>

预期：控制器应仅针对该状态实例一次