问题标签 [angular-material]

我使用 angular-material 构建我的应用程序登录表单，并尝试使用它与他们页面上的示例有所不同。我只希望必填字段仅在用户尝试提交而不填写字段时对我大喊大叫。也许也禁用按钮？无论如何，如果用户只填写一个字段并按下回车键，我希望它显示“这是必需的”。现在它只是一直显示它，直到你填写它

这是我所拥有的：https ://jsfiddle.net/5b1tsm2a/6/

我正在尝试他们的示例页面中的代码，如下所示 -

所以我正在使用所需的逻辑和它下面的 ng-messages。我只想显示他们是否尝试在不填写任何内容的情况下提交。谢谢！

Material Angular 会像这样布置单选框：

我想要这个反过来

md-radio-button 有两个组件，

div class="md-container",

和

div 类 =“md 标签”。

容器容纳按钮，标签容纳标签。

我似乎无法交换这些 div 的位置。当我尝试将 md-container 向右浮动时，它会超出 md-radio-button。

如何交换这两个位置，或者在子组件上使用浮动而不打破父单选按钮之外，或者可能是其他方式？

谢谢

我正在使用 Angular + material-ui，基本上我想使用不同的步骤进行入职流程，所以我使用 tabs 指令，每个指令都有不同的ui-view.

html:

这是我的路线配置：

函数goTo（状态）：

问题主要是如果我在 url 打开“主页”localhost:9000/#/12345它工作正常，我会看到开始视图，我可以切换到个人视图

但是，如果我从没有发生任何事情直接打开 url localhost:9000/#/12345/personal，则不会加载视图，也不会加载控制器。我有一个console.log('start controller')和相同console.log('personal controller')的检查它们何时加载。

浏览器历史记录也不起作用，例如，我转到起始页locahost:9000/#/12345，然后单击按钮转到 localhost:9000/#/12345/personal一切正常，但是如果我返回浏览器历史记录，则 url 是localhost:9000/#/1245（正确的），但视图完全为空并且根本没有加载控制器。

我正在使用 Angularjs 和 googles Material Angular 库https://material.angularjs.org/

他们在他们网站的导航栏中有下拉项目，但我找不到任何对象或示例来制作我自己的一个。

我怎样才能做到这一点？

谢谢！

标题几乎说明了一切：Angular ui-grid可以以遵循材料设计原则的方式与Angular Material Design一起使用吗？

单击图标时，我正在尝试生成对话。当我单击md-icon. 对话框打开，但我在控制台上看到以下错误：

下面是我的 HTML 片段。

HTML页面的控制器如下。

对话框 HTML

谢谢

我将材料设计应用于一系列 div，这些 div 代表 sidenav 面板中的链接。

我的问题是波纹点击效果的应用范围太广，不仅影响了 div 的内容，还影响了它的父md-item-content元素。

md-ink-ripple属性被应用一次，作为 HTML 中的属性，如下所示。

我玩弄了涟漪属性的位置，向上到它的祖父元素，md-item向下到子<label>元素，似乎无论我把它放在哪里，它都会继续在同一个md-item-content元素中涟漪。

编辑-我认为我通过将目标标签切换为 .md-item-content而不是. 解决了这个问题div。把这个留给后代，让任何有兴趣的人给 2 美分。

我有一组材料设计复选框，我想将它们的值绑定到我的控制器中的一个数组。

为了做到这一点，我使用了这个 SO answer中描述的第一种方法。虽然从列表中正确添加和删除了值，但当我单击它们时，这些框不再显示为“选中”。我的代码在下面，我也在这个 codepen中重新创建了问题。

我的复选框的 HTML

来自控制器的 JavaScript

根据示例：https ://material.angularjs.org/#/demo/material.components.list

复选框右对齐：

我的代码中发生的是复选框出现在文本下方：

我不知道为什么结果不同，因为我复制粘贴了示例并且我只是ng-repeat从 4 个元素更改为 2 个元素。

我的代码笔： http ://codepen.io/anon/pen/wBbREV

我有一个类似于这个Flexbox 的问题 - 两个固定宽度的列，一个灵活的

但那是关于仅使用 Flexbox 来完成的。我正在尝试使用 AngularJS 材料。我希望我的左右 div 是固定的 28px 宽度，并且中心 div 可以弯曲。

像这样的东西：