问题标签 [angularjs-material]

我在我的角度应用程序中使用侧面导航，我在侧面导航中使用带有工具提示的按钮。但它显示在图标的底部，我需要它在右侧。我没有看到任何附加的CSS。

这是代码和plnkr：

SIDE NAVIGATION

我第一次在 Stack 上写一个问题；）我在测试 $mdSidenav （角度材料组件。请参阅https://material.angularjs.org/）时遇到问题。在我的控制器中，我有类似的东西：

我想测试一下。所以在我的测试文件中，我首先创建了这个对象的模拟：

然后我正在尝试测试它：

但是业力向我发送这个错误：

错误：预期是间谍，但得到了功能。

我希望有人可以帮助我；）

我正在尝试创建 Angular 材质布局。我的目标是创建一个页面，它填充整个浏览器窗口而不创建垂直滚动条。页面顶部是一个占页面宽度 100% 的工具栏。工具栏下方是一个标题区域，它也占用了 100% 的宽度。在标题区域下，我想要左侧的导航菜单和右侧的客户区。我的目标是让导航菜单和客户区垂直填充整个浏览器窗口。

为了让您了解我要完成的工作：

我一直在尝试布局行和列以及属性 flex 和 layout-fill。我发现的所有其他帖子都表明这应该可以通过正确的组合实现，但是解决方案却让我望而却步。我创建了一个 Plunker 来演示我的问题：

http://plnkr.co/edit/Eva0Cf6KKa0z6I9YsR8t?p=info

这是我的 index.html：

和 main.html（显示在 ng-view 中）：

当然，看看 Plunker，看看所有连接在一起的东西，并直观地看到问题所在。

任何帮助将不胜感激！

PS。我刚刚在 IE 11 上测试了这个 Plunker，它还有其他显示问题。但那是另一天的另一个问题。它应该在 Chrome 上正常工作。此外，菜单将在宽度小于 600 像素的窗口上自动隐藏。要显示窗口，请使 Plunker 显示窗口更宽。

我一直在尝试在我的应用程序中实现 AngularJS 对话框，并且我从material.angularjs.org中提供的演示中复制了所有内容，但是我似乎无法使其工作。谁能看到我错过了什么？

这是 Javascript 代码：

然后在按钮单击时调用该函数：

从控制台中的错误日志中，我得到如下信息：

我想在选择下拉列表中使用 AngularJs Material Design 库的选择下拉列表。我面临的问题是当我选择内部下拉列表时，列表显示在内容之外。

如果我想在父 Dropdown 中放置另一个 Select 下拉列表，例如上面的代码？

当我单击子选择时，列表将显示在内容框中。这是来自 codepen 的一个示例，演示了该问题：

http://codepen.io/sstorie/pen/vOyGga

我想创建一个作为 Angular Material 的 UI 组件“底页”出现在屏幕上的表单。

当用户单击一个按钮时，一个面板 (div ???) 将出现在页面底部，其中包含表单。该面板覆盖当前页面，如果用户单击（或向下滑动面板），该面板就会消失。

我已经在经典的“底页”中实现了这个表单，但是这个 UI 组件仅用于显示按钮（而不是输入），当我尝试将焦点放在输入上时存在限制。

是否有现有的指令可以完成这项工作，或者有人建议从头开始编写它，因为我不知道从哪里开始。

这是我第一次使用 Stack Overflow，所以请善待 :)

基本上我在一个项目中使用 Angular-material，但我一生都无法弄清楚在哪里更改配色方案/主题。我正在使用 docs-dark 主题，但无法在任何 CSS 文件中找到更改它的位置。当我尝试使用浏览器查找源时，它显示为被呈现为内联 CSS。

如果任何有角材料的用户可以提供一些光线，那就太好了！

非常感谢

垫

ngAria（一个可访问性模块）正在向我的 Angular Material 项目添加一个不必要的凉亭导入 - 现在它正在抛出警告：

节点上缺少可访问性所需的属性“ aria-label ”

我只添加了 ngAria，因为它似乎对 ngMaterial 是必需的。我的应用不需要屏幕阅读器辅助功能。

无论如何，我怎样才能从 ngMaterial 中删除 ngAria？或至少禁用所有警告。

编辑： 似乎禁用 ngAria 警告的唯一简单方法就是console.warn = function() {};关闭浏览器的警告（我不建议这样做，因为它可能隐藏与 aria 无关的警告）

我正在尝试为一个 div 编写 CSS，这应该只在遇到特定断点时才适用，例如。sm、md 或 lg。

我正在使用角度材料（https://material.angularjs.org）。

我知道这可以使用媒体查询来完成，@media (max-width: 480px) { ... }但我正在寻找一种角度材料的方式来做到这一点。

I expect this code to center the content both vertically and horizontally. It does that, but as soon as I make the window smaller (mobile size), the text's (h1 and p) alignment changes to the left.

Am I missing something very basic? I can say text-center then it works, but I don't want to add any CSS styles myself.