在 div 内打开底部 sheet

Question

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

$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'
 })

在 div 内打开底部 sheet

Open bottom sheet inside a div

javascript

angularjs

angularjs-material