Questions tagged [angularjs-material]

Please utilize this tag for inquiries pertaining to "AngularJS Material", the framework based on material design for AngularJS. Avoid using this tag for Angular Material, the more recent library created for Angular v2+. Instead, opt for the angular-material tag.

What is the best way to ensure a DOM element exists before you can start manipulating it?

In my AngularJS application, I am utilizing Angular Material and md-select. When a user clicks on the md-select, a dropdown list appears and an overlay with the tag Name is added to the DOM. My goal is to add a class or style as soon as the user clicks on ...

Unable to locate the required conditional template for the 'mdRadioButton' directive due to the absence of the 'mdRadioGroup' controller

I am currently working on developing a custom directive that will help me display questions within a survey. Given the multiple types of questions I have, I decided to create a single directive and dynamically change its template based on the type of quest ...

Using AngularJS Material's mdDialog to show locally stored data in a template

In the controller, the section responsible for spawning mdDialog appears as follows: $scope.removeAttendee = function(item) { console.log(item); $mdDialog.show({ controller: DialogController, templateUrl: 'views/removeMsg.tm ...

AngularJS Material Design Tabs with See-Through Style

Is there a way to make the md-tabs of angularJs Material have transparent background for the tab names (headers)? I've tried different methods but none have worked so far. I'm under the impression that this should be the default behavior, but fo ...

How can the event listener be utilized with md-autocomplete?

I am currently in the process of developing an angularjs application that incorporates an autocomplete feature. One key aspect of this application is that certain fields cannot be populated until an item has been selected using the autocomplete function. ...

Angular Material Calendar - display marked holidays

Is it possible to display specific holidays in the Angular Material datepicker? Here is the link to the official documentation for reference: Angular Material Datepicker Demo. In jQuery, it's relatively simple to achieve this functionality with the date-p ...

I am in need of a blank selection option using an md-select element, and I specifically do not want it to be

I'm currently utilizing Angular Material with md-select and I am in need of creating a blank option that, when selected, results in no value being displayed in the select dropdown. If this blank option is set as required, I would like it to return false du ...

Prevent scrolling on both md-sidenav and md-content in AngularJS Material

Currently, I am working on a website using AngularJs Material sidenav. My goal is to make both md-sidenav and md-content appear as one page, without any scroll bars showing up when the height of one element exceeds that of the other. How can I achieve th ...

The md-datepicker component is disregarding the specified custom margin

For my project, I am implementing the AngularJS Material datepicker. However, I have encountered an issue with custom CSS not being applied to the md-datepicker. If you want to see a demo, check out this link: Demo Here's a brief code snippet that d ...

Refresh ng-repeat following data entry or push in Angular Material dialog

Currently, I am facing an issue with adding a new object to an ng-repeat array. The array is populated with data fetched through an $http request. My goal is to input data in a dialog and pass it to a function that will then add the data as an object to th ...