angularjs - Angular Material 是否有详细的文本框(ala bootstrap alert)

标签 angularjs angular-material

一直在玩有棱有 Angular 的 Material ,非常喜欢它。但是发现了一件相当令人惊讶的事情,几乎可以肯定我错过了手册中的一页,或者包括那一页在内的很多页。

以为我会为失败的登录添加一个警告文本,比如“那不是你的密码”。从 bootstrap 中,我可以使用警报框轻松地做到这一点。

<div class="alert alert-danger" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  <span class="sr-only">Error:</span>
  Enter a valid email address
</div>

但是,我找不到类似的 Angular Material 集。是的,有对话和 toast ,但我想要更简单的东西。

是的,我可以编写自己的类,但感觉应该有一些预定义的类?

最佳答案

我也一直在寻找这样的功能。我能找到的最接近的东西是 md-whiteframe。您可以像这样执行 Angular Material 类型警报:

<div layout="row" layout-padding layout-wrap layout-fill>
    <div md-whiteframe="3" class="padded">
        Some text here
    </div>
</div>

但是, md-warn 类不适用于此指令。

关于angularjs - Angular Material 是否有详细的文本框(ala bootstrap alert),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35274488/

相关文章:

node.js - 通过 Angular api 调用实现 Material Table

angular - 如何以 Angular 6 显示微调器

javascript - Angular-material md-select 会切断背景到内容的边缘吗?

java - JasperReport 与 spring MVC : print report on client side without displaying it

javascript - Angular 翻译:过滤器忽略 namespace

javascript - 在 Angularjs 中使用 GeoCharts

angular - 如何使mat-select始终在angular2中的表单字段下打开?

javascript - 带有 PhoneGap + Angular 的 Windows Phone 7 和 8 在引导过程中死机

javascript - 如何在 ng-repeat 中进行 ng-model ?

带有卡片的 Angular 2 Material 网格列表