问题标签 [angular-material]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular-material - Angular Material：如何在显示一个吐司后显示一个吐司，同时保持两个吐司都在屏幕上？
我正在使用$mdToast（Angular Material 框架）指令在我的 Angular(-Material) Web 应用程序中显示几条状态消息。
当用户登录时，如果登录成功，则通过调用以下方式显示 toast：
登录成功后，我需要进行另一次检查（例如有效的会话 cookie）并显示另一条 toast 消息，而不覆盖前一条消息，并且在实际显示前一条消息之后。
我在这里遇到的问题是：
- 第二个 toast 显示在新 toast 之前（可能是由于 $mdTost 的异步性质）
- 这第二个吐司显示不到一秒钟，然后消失，只在屏幕上留下第一个（基本上第二个先显示，然后在第一个出现时隐藏）
解决方案可能是：
- 在 then .then回调中创建第二个 toast ：这也不起作用，因为需要用户干预才能按下“确定”操作按钮
调用$mdToast.updateContent(); （https://material.angularjs.org/#/api/material.components.toast/service/ $mdToast ）这将覆盖以前的 toast 消息（这不是最好的解决方案，但也可以）但我不能弄清楚如何：
（1）选择屏幕上显示的特定吐司（假设我有几个由不同调用显示的吐司），以及
(2) 在延迟（比如 3 秒）后更新 toast 消息，以显示让用户了解登录成功但还有一些其他信息。
有什么线索吗？
angularjs - 带有角度材料按钮的 ng-repeat 中奇怪的短期重复行为
这是（精简）材料版本的代码笔，这是（精简）引导版本。除了依赖项之外，所有的 javascript 都是相同的。
我有一个使用引导 css 的服务器端分页指令（我不确定 angular-bootstrap 库当时是否没有分页，或者我还没有找到它）。我决定将它移植到 angular-material，认为指令逻辑可以完全重用，我可以直接切换模板。使用 angular-material 版本，所有构成寻呼机的 md 按钮都会在瞬间复制，然后在每次重建寻呼机时消失。我在每次 ajax 调用后重建寻呼机，因为过滤器可以改变总页数。一个精简版的寻呼机如下：
这是（精简）材料版本的代码笔，这是（精简）引导版本。除了依赖项之外，所有的 javascript 都是相同的。
我想知道这是否是预期的行为，以及我是否可以采取任何措施来停止暂时的复制。在设置页面之前，我已经尝试了几种清空页面的变体，将页面设置为 [].concat(pages) ，就像它们在演示项目中所做的那样。
任何想法将不胜感激。
material-design - 尝试从 Angular Material 操作 md-tooltip，显示在左侧而不是底部
我正在使用 Angular Material，并且我想将 md-tooltip 定位到 md 按钮的左侧，而不是默认的底部定位。
我试图直接修改 tooltip.css，但我相信 tooltip.js 正在使用父按钮来定位工具提示。
我不确定如何进行。
angularjs - 如何在茉莉花中测试包含本地人的bottomSheet-controller？
我正在使用 angular-material bottomSheet 来传递对象（请参见此处：https : //material.angularjs.org/#/api/material.components.bottomSheet/service/ $mdBottomSheet ）。现在我对如何在 jasmine/karma 中正确测试它们感到困惑。下面是常用的注入方式；我尝试注入本地（myLocal）的方式。
这给了我以下错误：
当然没有什么可找到的，因为我没有用填充的本地人调用底部表。但所有嘲笑他们的尝试都失败了。如果有人知道如何嘲笑当地人，我将不胜感激！
angularjs - 如何将验证属性添加到 md-autocomplete 角度材料指令
我正在使用 0.7.1 版本的角材料。我正在使用此处描述的自动完成功能： 自动完成演示
但是，它似乎不支持验证逻辑，即使它生成了一个 textarea： Autocomplete 指令文档
我想我可以在 querySearch 函数中添加逻辑来将 ng-valid 切换为 ng-invalid。这个对吗？如果是这种情况，那么我需要 md-autocomplete 的句柄，但这很困难，因为 name 属性被删除了。
angularjs - Angular Material - is there any expandable menu feature in the current build?
I'm working on a prototype and wondering if there's any existing feature I can use to setup an expandable menu, or will I have to build my own directive to make that functionality work at the moment?
angularjs - 一起使用 Angular 的 Bootstrap 和 Angular 的材料设计
我正在使用这个模板做一个项目。
该模板是使用 AngularJs 和 Bootstrap-UI（角度的引导程序）编写的，我想包含一些 Material Design 元素，如卡片等。
有可能这样做吗？推荐吗？我的事情是我们已经喜欢这个模板和它的许多元素的方式，但是 Material Design 有卡片、下拉菜单、带有标签动画的文本输入等等，这些都很棒。
所以我的问题是：
AngularJS + Angular 的 Bootstrap + Angular 的 Material Design = 令人敬畏还是灾难？
angularjs - angularjs材料中所选项目的ui样式
在我的 UI 上，我有几个按钮。我想强调那些用户已经点击了几秒钟。我可以使用任何指令或样式吗？还是我必须自己写？
angular-material - 角度材料，定义主题颜色时如何使用dark（）函数？
当我在https://material.angularjs.org/#/demo/material.components.input阅读演示时
.dark() 的含义是什么？
如果我想将背景颜色设置为蓝色、红色或其他颜色怎么办？
javascript - 是否可以使用 flexbox 显示模型设置元素的滚动位置？
我正在使用使用 Flexbox 显示模型的 Angular Material 来构建 Web 应用程序。<body> 的滚动位置在 (0,0)，因为应用程序是“整页”，但我想在工具栏中添加一个按钮来滚动到主要内容 <div> 的顶部。不确定这是否可能，因为我认为 Flexbox API 不会向 JavaScript 公开这样做的能力。
尝试的解决方案：