angularjs-material

I want a blank option with md-select and I want it not to validate when required

由 ☆樱花仙子☆ 提交于 2019-12-02 05:19:48
I'm using Angular Material and md-select and I would like to make a blank option such that when you select it, you have no value in the select. In the case that I make it required, then I would like this option returning false at the check. Here's a demo: https://plnkr.co/edit/FZ8xt5ZCRJY3fFMh3fFU?p=preview <html> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.location + '" />');</ript> <link rel="stylesheet" href="style.css" /> <script data-require="angular.js@1.2.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19

How do I disable ngAria in ngMaterial?

由 旧时模样 提交于 2019-12-01 02:10:36
ngAria (an accessibility module) is adding an unnecessary bower import to my Angular Material project - and now it is throwing warnings: Attribute " aria-label ", required for accessibility, is missing on node I only added ngAria because it appeared necessary for ngMaterial. My app does not need screen-reader accessibility. Anyways, how can I remove ngAria from ngMaterial? or at least disable all warnings. EDIT: It seems the only easy way to disable ngAria's warnings is console.warn = function() {}; which will just turn off your browser's warnings (I do not recommend doing this, since it may

How do I disable ngAria in ngMaterial?

由 ▼魔方 西西 提交于 2019-11-30 21:33:39
问题 ngAria (an accessibility module) is adding an unnecessary bower import to my Angular Material project - and now it is throwing warnings: Attribute " aria-label ", required for accessibility, is missing on node I only added ngAria because it appeared necessary for ngMaterial. My app does not need screen-reader accessibility. Anyways, how can I remove ngAria from ngMaterial? or at least disable all warnings. EDIT: It seems the only easy way to disable ngAria's warnings is console.warn =

Browser support for Angular material

由 白昼怎懂夜的黑 提交于 2019-11-30 13:44:30
I want to use Angular Material for my next projects. https://material.angularjs.org I didn't find any documentation about which browsers it supports. Anyone knows how it internally works and what to expect? From what I understand flex css attribute, for example not supported by IE<10. Do you know if Angular material, has any fallback design for using without the flex css? http://caniuse.com/#feat=flexbox caballerog From the official documentation : Please note that using Angular Material requires the use of Angular 1.3.x or higher. Angular Material is targeted for all browsers with versions n

How to create a responsive (varying column count) Angular-Material card grid

由 拥有回忆 提交于 2019-11-30 08:20:08
I'm trying to create a grid of Angular-Material cards that behaves somewhat like a Bootstrap grid. Ideally, cards will be full-width for small screen widths and jump to two columns at larger breakpoints. Demo with 2 cards The problem is that A-M creates columns for each card. I haven't figured out how to specify the number of columns for each breakpoint. Demo with 5 cards Here's the basis of the markup I'm using, which takes the card layout from rows to columns at the first breakpoint: <div ng-app layout="column" layout-gt-sm="row" class="layout-sm-column layout-row"> <div flex class="flex" ng

How to create a responsive (varying column count) Angular-Material card grid

由 ☆樱花仙子☆ 提交于 2019-11-29 11:26:24
问题 I'm trying to create a grid of Angular-Material cards that behaves somewhat like a Bootstrap grid. Ideally, cards will be full-width for small screen widths and jump to two columns at larger breakpoints. Demo with 2 cards The problem is that A-M creates columns for each card. I haven't figured out how to specify the number of columns for each breakpoint. Demo with 5 cards Here's the basis of the markup I'm using, which takes the card layout from rows to columns at the first breakpoint: <div

How do i change md-input-container placeholder color using css in angular material

由 馋奶兔 提交于 2019-11-28 13:22:02
How do I change md-input-container placeholder color using css in Angular Material? As screenshot below I have phone no. and password textfield. Phone no. textfield has Phone No. and password has Password placeholder name. Placeholder is depicted as a <label> in Angular Material . So you actually need to style the label not the placeholder. As soon as you click (focus) on the input this <label> which is looking as a placeholder slides up and converted into a form <label> . So you just need to apply this CSS: /* When the input is not focused */ md-input-container label { color: red; } /* When

How do I fix the npm UNMET PEER DEPENDENCY warning?

由 六月ゝ 毕业季﹏ 提交于 2019-11-26 12:44:47
I'm on Windows 10, with Node 5.6.0 and npm 3.6.0. I'm trying to install angular-material and mdi into my working folder. npm install angular-material mdi errors with: +-- angular@1.5.0 +-- UNMET PEER DEPENDENCY angular-animate@^1.5.0 +-- UNMET PEER DEPENDENCY angular-aria@^1.5.0 +-- angular-material@1.0.6 +-- UNMET PEER DEPENDENCY angular-messages@^1.5.0 `-- mdi@1.4.57 npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\xxxxx\Desktop\ngClassifieds\package.json' npm WARN angular-material@1.0.6 requires a peer of angular-animate@^1.5.0 but none was installed. npm WARN angular
订阅 angularjs-material