Stack Overflow
Stack Overflow

Questions tagged [angularjs-material]

Use this tag for any question related to "AngularJS Material", the material design framework for AngularJS. Do not use this tag for Angular Material, the newer library designed for use with Angular v2+. Use the angular-material tag instead.

The AngularJS Material project is an implementation of Material Design in AngularJS. It provides a set of reusable, well-tested, and accessible UI components based on the Material Design system.

Asking a question

Note: If you're asking a question concerning Angular Material (for Angular v2+), please use the tag instead.

More info and links about the project

505 questions
10
votes
1 answer

md-select works only in first click on OS X

I'm using angularjs (1.x) and angular-material in an electron app. I have two md-selects in a view, and when I try to use it in windows everything works ok. But when I use it in OS X, the md-select stops working after the first click. I click it and…
Jean Robert
  • 749
  • 1
  • 7
  • 20
10
votes
2 answers

Browser support for Angular material

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,…
Aminadav Glickshtein
  • 23,232
  • 12
  • 77
  • 117
10
votes
3 answers

Angular Material layout-align center doesn't affect text in small mode

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…
nurp
  • 1,239
  • 2
  • 14
  • 23
9
votes
1 answer

How do I use an expression with md-colors directive?

I am using AngularJS Material and I would like to apply md-colors="" values based on an expression the same way an expression can be used with ng-class="". I have not been able to get this working. Here's an example :
Crosswind Jones
  • 181
  • 2
  • 8
9
votes
4 answers

Contidional template - Controller 'mdRadioGroup', required by directive 'mdRadioButton', can't be found

I'm trying to build custom directive that will allow me to display questions in survey. Because I have multiple types of questions I thought about creating single directive and change it's template based on question type. my…
Misiu
  • 4,738
  • 21
  • 94
  • 198
9
votes
2 answers

md-chips with ngMessage

I'm trying to use ngMessages with md-chips angular materials component, but I don't find nothing about it. I've tried this solution, but didn't work,
ptesser
  • 379
  • 4
  • 11
9
votes
7 answers

My own styles in angular material ui

material-ui and I want to customize it. Unfortunalety my own styles are overwritten by the framework styles. For example when I declare styles for md-toolbar md-toolbar { background: red; } this declaration is overwritten by material. I added…
Aver
  • 159
  • 1
  • 3
  • 10
8
votes
2 answers

Angular material autocomplete search anywhere in string?

https://material.angularjs.org/latest/#/demo/material.components.autocomplete Please can someone tell me how to make autocomplete (Angular material) to search string not only at the beginning of words, but anywhere within the words. For example the…
Toni Kutlic
  • 83
  • 1
  • 5
7
votes
1 answer

How to allow infinite scrolling in the both directions with md-virtual-repeat?

I've implemented an infinite horizontal scroll using md-virtual-repeat. It fetches 25 records each time when needed when I scroll to the right.
7
votes
3 answers

multi-item responsive carousel for angular material

I'm trying to create a multi item responsive slider in AngularJS. I'm familiar with Owl Carousel (https://owlcarousel2.github.io/OwlCarousel2/) and Slick Slider (http://kenwheeler.github.io/slick/), but both use jQuery and I want something without…
William Scott
  • 319
  • 1
  • 5
  • 14
7
votes
4 answers

i want set format of md-datepicker to dd-mm-yyyy

datepicker of angular material. i want to keep change format of date picker to dd-mm-yyyy. angular.module('MyApp') .controller('AppCtrl', function($scope) { $scope.myDate = new Date(); $scope.minDate = new Date( …
user3248761
  • 361
  • 2
  • 5
  • 14
6
votes
1 answer

AngularJS Material ng-input-container resets time

My goal is to have a single model for date and time. Unfortunately I haven't found a stable date-time-picker component for AngularJS Material, so I'm using two elements sharing same model: standard md-datepicker and regular input type="time" …
Mikhail Kopylov
  • 2,008
  • 5
  • 27
  • 58
6
votes
1 answer

md-tabs loosing scope when the object its repeating on is changed [AngularJS Material]

Please take a look at this codepen As soon as you click on UseDummy2 btn which does nothing but change the variable on which the md-tabs is repeating on, I loose the $scope.selectedIndex value. The $scope.selectedIndex is reset to 0 and the first…
Manish Pradhan
  • 1,141
  • 10
  • 28
6
votes
0 answers

md-autocomplete md-require-match on lose focus

I have an autocomplete control (Angular Material version 1.1.2) with md-require-match=true and a validation message
Ben Morrison
  • 61
  • 1
6
votes
4 answers

How to increase the width of an AngularJS Material datepicker

I have something like this: How is it possible to make the line under the "Date of recruitment" and the "down array" adapt to half of the layout as in flex="50" for example. It is pretty easy for normal input fields. Current markup:
user4911648
1
2
3
…
33 34