问题标签 [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.

0 投票
1 回答
687 浏览

angularjs - 如何一起使用 ng-polymer-elements 、 angularjs 和 requirejs?

我正在尝试将 ng-polymer-elements 与 angular 和 requirejs 一起使用。我确实遵循了此说明https://github.com/GabiAxel/ng-polymer-elements并没有成功。当我从“main.js”的要求中删除实例“ng-polymer-elements”时,一切正常。有人可以帮助我吗?谢谢。

一个小问题部分:

未捕获的错误:[$injector:modulerr] 无法实例化模块 Coderup,原因是:错误:[$injector:nomod] 模块“Coderup”不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

main.js

应用程序.js

问题:

请各位大侠帮我解决一下。你可以通过 git 获取这个项目。

0 投票
4 回答
35307 浏览

angularjs - 如何用角材料实现经典的“粘性页脚”?

我认识到Angular Material的实现是一项正在进行的工作,但是今天早上我花了一些时间来熟悉它。但是,我真的很难让演示中显示的概念在独立站点中工作。

似乎当指令喜欢<md-toolbar><md-content>在具有固定高度的容器中使用时,它们的效果很好。我正在努力解决如何将它们放入<body标签中并能够像本示例中那样具有粘性页脚布局。

我尝试了许多变体,但这里有一个示例在从 DOM 中删除内容时不起作用。当内容在那里时,它会超出视口,然后会像您期望的那样放置页脚。在最新版本的 Chrome 和 Firefox 中,此示例在删除内容时将页脚保留在底部,但在 IE 中这根本不起作用。在 IE 中,无论是否显示主要内容,页脚都浮动在页眉下方。

演示: http ://codepen.io/ssterie/pen/xbGgqb

Javascript:

CSS:

我绝对不是 CSS 专家,但感觉使用 angular-material 中的布局选项应该很容易做到这一点,所以我希望我在这里真的遗漏了一些明显的东西。

0 投票
1 回答
36161 浏览

css - 如何获得 Angular Material Design 的在 IE 中正确缩放到图像的指令?

我已在material.angularjs.org网站上将此作为可能的问题发布,但我想在此处发布此问题,以防我应该知道基于 CSS 的解决方案。

我正在尝试创建一个“砌体布局”,其中有多列不同尺寸的图像。我正在尝试使用卡片来保存每个图像,并且在 Chrome 和 Firefox 中它的工作方式完全符合我的预期。卡片缩放到窗口(使用 flex),图像缩放匹配卡片的大小。然而,在 IE 11 上,卡片的高度似乎与图像的实际高度保持一致,即使它被缩小到更小的尺寸。我创建了一个演示问题的 Codepen:

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

...这是我添加的唯一非物质 CSS:

这是在 Chrome 中运行的示例。请注意卡片的宽度和高度与图像相关:

在此处输入图像描述

...但这是 IE11 中的结果。您可以在 IE 中看到水平方向的图像会缩小其高度以适应卡片的宽度,但卡片的高度不会随之缩小。它仍然是图像的高度。

结果在 IE 中,您可以看到卡片保留了图像的完整高度,即使它们被按比例缩小。

是否有针对此类问题的 CSS 修复程序,还是<md-card>指令的实施方式存在更多问题?

需要明确的是,我意识到这个库是一项正在进行的工作,到目前为止我很喜欢它。我只是不擅长 CSS,所以不确定这是否是我可以解决的问题,或者我是否需要等待问题在材料代码中得到解决。

0 投票
1 回答
3590 浏览

angularjs - Angular-Material - 带有主题的错误

我最近偶然发现了Angular-Material。但是,基本 angular-material.css 文件似乎没有自动包含主题文件。

因此,我必须手动包含我想使用的每个颜色主题......

如果有人有这方面的经验,你知道这是一个错误还是故意的。

这是我正在使用的代码的链接。当页面运行时,所有应用了非默认 md 主题的进度循环项目都不会加载。位于 angular-material/themes/ 的 CSS 文件不会被自动加载。

HTML 要点

0 投票
5 回答
20770 浏览

javascript - 带有 ui-router 的 angular-material 中每个选项卡的单独控制器

我正在尝试实现我的md-tabs所以每个md-tab都是使用角度材料的单独状态。我当前的标记如下所示:

不过,我认为这不是 ui-router 的有效标记。是否可以使用当前版本的 angular-material 和 ui-router 执行此操作?

0 投票
1 回答
1323 浏览

angularjs - 在具有 ngMaterial 依赖项的 angularjs 应用程序上运行 jasmine 测试时出错

我有一个依赖于角度材料的应用程序ngMaterial

我正在使用 jasmine 和 karma 使用以下测试代码运行测试

当我运行karma start时出现以下错误:

``` 当我删除ngMaterial应用程序模块中的依赖项时,一切运行正常。

我的karma.conf.js文件有以下files数组:

0 投票
5 回答
12993 浏览

angularjs - Can i use angular-material with cordova?

I intend to create a Material design based App for Android and Windows.Generally I use Cordova with Ionic framework for development.

In that combo can I add the css and js file of Angular-material and create an app with Material Design ?

0 投票
6 回答
8648 浏览

angularjs - 使用 Angular Material Design 作为没有 AngularJS 的设计框架

我可以只使用像我如何使用引导程序作为设计框架那样的角度材料吗?

*不是真的想在当前阶段使用 AngularJS。

你有什么建议或者值得推荐吗?

0 投票
1 回答
129677 浏览

angularjs - 选择引导程序与材料设计

我将使用 AngularJS(全栈)开始新项目。我的项目需要响应,我将从头开始创建模板。

所以我需要一个关于是否选择 bootstrap 3(带有角度指令)或布局材料设计的建议?

如果有人能列出两者的优缺点,我将不胜感激。

0 投票
2 回答
6791 浏览

angularjs - 聚合物的纸元素和角材料

请帮助我理解来自 Angular Material github主页的以下引用:

该项目处于早期预发布阶段。Angular Material 既是 Material Design 的参考实现,也是对 Polymer 项目的 Paper Elements 集合的补充。


Angular Material Design 项目是一个参考实现工作,类似于 Polymer 项目的 Paper 元素集合中提供的工作。这个项目提供了一组 AngularJS UI 元素来实现材料设计系统。

我知道 Polymer 是 Web 组件的框架,并且项目的一部分是纸质元素的集合。我不明白这两者有什么关系,也不明白为什么谷歌要开发两个惊人相似但又不同的项目。

  • 角材料只是纸元素的一个端口到角?
  • Web 开发人员是否在他们的 Web 应用程序中将 Angular Material 与 Paper Elements 一起使用?
  • 两者最终会有效地等效吗?(AngularJS 开发人员使用的 Angular Material 和其他人使用的 Paper Elements?)