我做了一些挖掘，但没有找到太多信息。

我最好的猜测是该build.gradle文件是默认文件，但我对行为和读取的文件感到好奇。

TL; DR

我正在努力使FAB固定在侧面菜单的右下角。当我有很多元素并且可以滚动时，它可以工作，但是当没有滚动时，它就不能工作。这是一个与之一起玩的闪电战的链接。请原谅一些杂乱无章的组织，我不得不撕掉一些东西，并对其格式进行一些更改。

问题与描述

我正在制作侧面菜单div，并希望在其上使用FAB像这样：

从文档中，我可以生成一些效果很好的菜单，并且在菜单上满是席子卡时，正是我想要的。这是它的外观的gif：

但是，当没有足够的卡片可以滚动并且添加按钮位于最后一张卡片的正下方时，就会出现问题：

我希望始终在侧边菜单的底部具有该添加按钮，但也要使其保持粘性并在可能滚动时保持在该位置。从我看到的内容来看，有一些方法可以轻松完成旧版本Angular的操作，但是我所看到的一切都没有表明最新版本的情况。

当前代码

main.html

<mat-drawer-container class="container">
  <mat-drawer mode="side" opened="true">
    <iaas-sideMenu></iaas-sideMenu>
  </mat-drawer>

  ... Content on other portion of screen ...

</mat-drawer-container>

sideMenu.html

<div>
  <div class="searchBar-div">
    <iaas-searchbar></iaas-searchbar>
  </div>
  <div>
    <iaas-sidecard *ngFor="let card of cards" [cardData]="card"></iaas-sidecard>
  </div>
  <div class="addButton-div">
    <iaas-addbutton></iaas-addbutton>
  </div>
</div>

sideMenu.css

.addButton-div {
  transform: translateX(195px); /* Bringing the button to the right */
  bottom: 5px; /* Ensure it's 5 px from the bottom */
  position: sticky; /* Sticks it …

在应用程序的侧面板中,我想显示"启用"或"禁用",我知道我可以编写两个不同的ng-if语句,但我想知道是否有一种聪明的方法可以在单行中执行.

作为参考,这里是我现在的工作:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="rightColumn" ng-if="selectedProject.backupEnabled">Enabled</div>
<div class="rightColumn" ng-if="!selectedProject.backupEnabled">Disabled</div>

这显然不是超级批评,但是要了解更多信息会很好