问题标签 [angular-material]

我已经检查了文档和演示，但是唉！！我还没有找到任何关于使用 angular-material 实现多选选项（如 select 2）的参考。谁能告诉我如何使它工作？

当我在谷歌地图信息窗口内的 html 中使用 md 按钮时，Chrome 控制台会引发此错误。

我正在使用 angular-google-maps http://angular-ui.github.io/angular-google-maps/#!/库来使用带有角度的谷歌地图。在这个 plunker 中，您可以重现错误http://embed.plnkr.co/fWlFjuyuldZj6uITvWH7/preview
您知道如何解决这个问题吗？当我使用原生 html 按钮时效果很好，但我需要使用角度材料。

谢谢。

我正在尝试实现材料文档中的静态选项卡，我只想保留默认转换，就像同一文档中的动态选项卡一样。我不知道我错过了什么..

这是我到目前为止提出的。

除了 Angular Material 使用 flexbox 这一事实之外，与使用类似 Bootstrap 的框架（如 Materialise）相比，使用 Angular 原生的材料设计框架是否有程序化（速度等）优势？

I wanted to use angular material in an AngularJS application so I downloaded it with all its dependencies:

And then I included it in my App:

After that I wanted to try it on a button:

And here is the result ( on Chrome and Firefox):

And when I click on it I have this:

Did I do something wrong?

我正在使用角度材质选项卡，但我的实现有问题，它给了我这个结果（在 Chrome 和 Firefox 上）：

如您所见，选项卡标题被截断。这是我的实现： HTML：

JS：

添加了 plnkr： http ://plnkr.co/edit/nFMFmaGpLUwJPxRd1TpT?p=preview

我刚刚包含了 Angular 和 Angular Material 的 CDN URL，并尝试使用 Angular Material。但似乎它不起作用。

我一直在使用

使用控制器中的 toggleNave 方法设置值

但这会导致屏幕在打开和关闭时闪烁，这似乎不是固定打开 sideNav 的最佳方式。

希望是打开/关闭中殿开关，但在我关闭它之前保持粘性打开。

如果我使用 md-is-locked="$media('')" 那么 sideNav 锁定打开并且永远不会关闭，直到窗口缩小到媒体大小以下。这不是我想要的。

如果我根本不使用 md-is-locked，那么当您点击离开它时，sideNav 会崩溃关闭，但我希望它保持打开状态！直到我想关闭它。

有人知道怎么做吗？

谢谢

顺便说一句：我使用的是 ES6，因此使用了类和箭头函数。:-)

我一直在考虑 Angular Material 使用的布局系统，其中（通过使用指令）它们应用创建布局的简单属性：

除了更简洁之外，他们认为与仅应用一堆类的 Bootstrap 方式相比，这是对您在标记中所做的事情的更语义描述：

是的，我知道 flexbox 和基于浮动的网格不一样，这里的重点是它们使 layouts基于属性而不是基于类，从而使类中的样式声明仅用于该项目的特定样式。我已经听过一千次“引导程序与语义相反”的论点，我相信这是为了提供易于实现的感觉而不是非语义的。

根据这个概念，理论上我们可以用 CSS 做一些非常相似的事情：

或者你可以做data-flex，任何漂浮你的船。关键是这些属性是有效的 HTML，在 IE7+ 中有效，并且还遵循在标记中制作样式仅与样式相关的主题。这里的缺点是它使用属性选择器，它比类慢（稍微但仍然）。

我的问题：

• 这确实是一种更语义化的布局方法吗？
• 语义化是否值得（尽管很小）CSS 性能成本？

我意识到这可能是在深入研究意见，但考虑到这是某些事物的方向（比如 Angular Material，甚至在某种程度上是 Web 组件），我认为这也是一个有效的实践问题。如果您不这么认为并且它应该属于另一个 StackExchange 站点，请告诉我并很乐意移动它。

我正在尝试角度材料设计，但我无法显示 md-autocomplete。

我已经包含在我现有的项目中：

和 autocomplete.html：

我的控制器是空的：

生成的html是：

在演示页面上：

在我的项目中，我也使用 bootstrap 和 jquery。

谢谢。