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
6
votes
5 answers

Create a starter project for material angular

Is there as starter project for material angular just like ionic starter project? I have tried using angular-seed and wire it with material angular but with no luck can anyone help ? What i basically need is to get HTML just like the ionic starter…
5
votes
3 answers

ng-click on user defined $mdDialog with external template are not working

working the first time with $mdDialog I am used to create a dialog with an external HTML Template. So far, so good,... it works template can get opened, but ng-click in the html wont work anymore. And I cannot find the reason for it. The mdDialog…
5
votes
3 answers

ngMaterial - md-autocomplete - results list showing behind modal form

I've got modal form, where I would like to have field with autocompletition in my modal form. To achieve that, I'm using md-autocomplete from angular-material#1.1.0, which provides such functionality and is easy to use. The problem is when I write…
5
votes
1 answer

Detect $mdDialog close while pressing ESC

I have a $mdDialog with input fields. Before closing $mdDialog, the content of the input fields is saved. So, when a user press 'close' button, a function is called to perform some operation on data and save them. However, I could not detect closing…
van
  • 633
  • 14
  • 26
5
votes
2 answers

angular material how to pass data to preset dialog

I am using Angular Material and I have created a simple preset dialog using $mdDialogProvide: angular.module('starterApp').config([ '$mdDialogProvider', function ($mdDialogProvider) { $mdDialogProvider.addPreset('warning', { options:…
Konrad Klimczak
  • 1,474
  • 2
  • 22
  • 44
5
votes
1 answer

Angular material: loose focus with clicking out an input

Using angular and material design, I notice that, when you focus an input and then click outside (on nothing particular): on desktop, the focus is removed from the input on mobile (android), the focus stays This is really annoying on mobile,…
Rolintocour
  • 2,934
  • 4
  • 32
  • 63
5
votes
2 answers

angular material load angularjs 1.5 component into $mdDialog

The goal: to use components and not use $scope to set data. There isn't an error to share, the issue is that the data element isn't set when the dialog loads the component. The screen shot shows the current state of the dialog, there should be an…
Will Lopez
  • 2,089
  • 3
  • 40
  • 64
5
votes
2 answers

Angular Material Datepicker returns one day before the exact date

Im using angular material in my web site and when I send the date to my web api, it shows on day before the selected date. For an example if I put in 2016-01-03 then it will send 2016-01-02. How can I fix this issue. I haven't change any code form…
5
votes
3 answers

Using `$mdToast` inside an interceptor triggering circular dependency

Question: How can I use $mdToast inside an interceptor without triggering the error? Setup: Interceptor definition: (function () { 'use strict'; angular .module('app.components.http-errors-interceptors') …
5
votes
4 answers

Is there a way to refresh virtual repeat container?

I've got a md-virtual-repeat-container that handles the data from an API call triggered by a search box. I'd like to be able to refresh this container when a user enters a second search query. I'm using a setup similar to this plnkr which is from…
Dan Beaulieu
  • 19,406
  • 19
  • 101
  • 135
5
votes
0 answers

Can I use AngularJS Material's md-autocomplete with multiple values?

I am in reference to AngularJS Material's md-autocomplete. See here for documentation. I am new to Angular Material and I need a multiple value autocomplete (somewhat like the Tags control of Stackoverflow). Is this possible with AngularJS…
balteo
  • 23,602
  • 63
  • 219
  • 412
4
votes
1 answer

How to create a popup element to be over md-dialog?

I'm using AngularJs 1.7, and i've created a dropdown element that i want to add it to md-dialog, the problem is that my element (my-popup) always remains in the limits of the md-dialog - like in here I want to achieve the same behaviour of the…
RoyBarOn
  • 919
  • 3
  • 24
  • 63
4
votes
1 answer

Angular Material md-select load options in async way

I need to load select's options asynchronously ( through a service), using the Angular Material md-select component. Actually, I use a click event to load data. It works but I need to click the select twice to show the options. That it's a…
4
votes
2 answers

Load and call content of md-tab when it's clicked or selected from md-tabs (angular 1.5)

I'm using following HTML structure in parent.html page (and have corresponding Controller for this parent HTML Page)
Enigma
  • 749
  • 1
  • 13
  • 35
4
votes
4 answers

How to change style or add CSS in $mdDialog in AngularJs?

I have used the below code for showing a dialog, but I want to change the default style of the dialog. Here's my code: $scope.LocationRejectModal = function (msg) { var PersonName= msg.from.local; var confirm = $mdDialog.confirm() …
user7397952
1 2
3
33 34