时间戳

首页 > 解决方案 > 如何在有角材料中一次打开多个垫底片

angular - 如何在有角材料中一次打开多个垫底片

问题描述

我在我的 Angular 8 应用程序中有一个垫底片，单击按钮将打开，我在底片中有一个链接，它将成功触发另一个垫底片，但问题是每当第二个垫底片打开时，第一个一个我不想要的自动关闭。那么，任何人都可以帮助我如何一次打开多个底页。

提前致谢！。

标签： angularangular-material

解决方案

<div ng-controller="BottomSheetExample" class="md-padding" ng-cloak>
  <h2 class="md-title">Usage</h2>
  <p>Multiple Bottom sheets can be displayed by clicking one of the buttons below.  Once shown, it can be
  dismissed by either swiping down or clicking in the shaded area.</p>
  <h2 class="md-title">Actions</h2>
  <p>Use one of the following buttons to display a bottom sheet.</p>
  <div class="bottom-sheet-demo inset" layout="row" layout-sm="column" layout-align="center" >
    <md-button flex="50" class="md-primary md-raised" ng-click="showListBottomSheet()">Show as List</md-button>
    <md-button flex="50" class="md-primary md-raised" ng-click="showGridBottomSheet()">Show as Grid</md-button>
  </div>

  <div ng-if="alert">
    <br/>
    <b layout="row" layout-align="center center" class="md-padding">
      {{alert}}
    </b>
  </div>
</div>

推荐阅读