在 div 中打开底页

Question

我想在 div 中打开一个底页。我能够让它工作，但它填满了整个页面。

$scope.showListBottomSheet = function() {

        $scope.alert = '';
        $mdBottomSheet.show({
            templateUrl: 'template/newCountryForm.html',
            controller: 'Ctrl1'
        }).then(function(clickedItem) {
            $scope.alert = clickedItem['name'] + ' clicked!';
        }).catch(function(error) {
            // User clicked outside or hit escape
        });
    };

我希望它只填充 红色 部分，我不知道该怎么做

Answer 1

原来我只需要在

中添加键“父”

var parentEl = angular.element(document.querySelector('.red'));
$mdBottomSheet.show({
     parent: parentEl,
     templateUrl: 'template/newCountryForm.html',
     controller: 'Ctrl1'
 })