AngularJS Несколько представлений с общей схемой проектирования логики

Взгляните на угловые службы

Вы можете использовать их для этих целей. Служба - это одноэлементный, в котором вы можете обмениваться данными между любыми модулями. Поместите свои данные в сервис и используйте его в качестве модели в вашем основном представлении и боковой панели.

Например:

angular.module('myApp.someNamespace', [])
  .factory('someService', function () {

  var service = {};
  service.myList = {1,2,3};
  service.myMenu = {'apples', 'oranges', 'pears'}

  service.addToList = function(number) {
   service.myList.push(number);
  }
  return service;
});

вставляйте эту службу в свой контроллер и директиву боковой панели:

angular.module('myApp.myControllers', [])
    .controller('myCtrl', function ($scope, someService) {

    $scope.model = someService;
});

В вашем представлении привязывайтесь к вашим служебным переменным/методам:

<div ng-repeat="number in model.myList">
   <input type="number" ng-model="number"/>
</div>
<input type="number" ng-model="newNumber"/>
<button ng-click="model.addToList(newNumber)">Add</button>

Еще одно преимущество использования этого шаблона заключается в том, что ваши взгляды будут оставаться там, где вы были, когда будете двигаться вперед и назад (более сдержанно), потому что он получает данные из вашего сервиса singleton. Также вам нужно будет только один раз получить данные из своего api (пока вы не обновите свой браузер).