Pass locals in mdBottomSheets(angular material bottom sheets)
<p>I have tried to pass locals in BottomSheet Controller</p>

<pre><code>//Bottom Sheet Controller
angular
.module('app').controller('BottomSheetCtrl', function($scope, $mdBottomSheet) {
  $scope.items = [
    { name: 'Share', icon: 'share-arrow' },
    { name: 'Upload', icon: 'upload' },
    { name: 'Copy', icon: 'copy' },

  ];
   $scope.items.append($scope.Item);
   console.log($scope.items);
});


 //AppCtrl
 angular
 .module('app').controller('AppCtrl', function($scope, $mdBottomSheet){

      $scope.openBottomSheet = function() {
            $mdBottomSheet.show({
                template:
                    '&lt;md-bottom-sheet&gt;{{}}&lt;/md-bottom-sheet&gt;',
                controller: 'BottomSheetCtrl',
                scope: $scope.$new(true),
                // preserveScope: true,
                locals: {
                   Item:  { 
                    'name': 'Print this page', 'icon': 'print' 
                   },
                }
            });
        };    
});
</code></pre>

<p>But $scope.Item is not populating. What is the correct way of passing locals in BottomSheet Controller?</p>