在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

结果我只需要在其中添加键“ parent”

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