angular/material

AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).

Kay van Bree

@kayvanbree

I did that a couple of times

don't know about the paginator but:

import {NgModule} from '@angular/core';
import {MatCardModule} from '@angular/material/card';
import {MatDialogModule, MatProgressSpinnerModule, MatSidenav, MatFormFieldModule} from '@angular/material';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';
import {MatToolbarModule} from '@angular/material/toolbar';
import {MatListModule} from '@angular/material/list';
import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatTooltipModule} from '@angular/material/tooltip';
import {MatSidenavModule} from '@angular/material/sidenav';
import {MatChipsModule} from '@angular/material/chips';
import {MatInputModule} from '@angular/material/input';
import {MatNativeDateModule} from '@angular/material';

const MATERIAL_MODULES = [
    MatCardModule,
    MatDialogModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatIconModule,
    MatToolbarModule,
    MatListModule,
    MatTooltipModule,
    MatProgressSpinnerModule,
    MatSidenavModule,
    MatChipsModule,
    MatFormFieldModule,
    MatInputModule,
    MatDatepickerModule,
    MatNativeDateModule
];

@NgModule({
    imports: MATERIAL_MODULES,
    exports: MATERIAL_MODULES,
    declarations: []
})
export class Material {
}

This worked for me, just import it in your app.module.ts

@Dirt-Nasty

Raj Bisht

@Whhymee

Hey does anyone have idea what i am doing wrong here? I need to set initial state of input box to focus. But i am getting error : this.searchBox.focus is not a function

html ->

ts ->
import { ViewChild } from '@angular/core';
import { MatInput } from '@angular/material';

@ViewChild('searchBox') searchBox: MatInput;

ngAfterViewInit() {
this.searchBox.focus();
}

MattHubbell

@MattHubbell

@Whhymee try using <input matInput #searchbox autofocus> and not use @ViewChild ?

Dirt-Nasty

@Dirt-Nasty

mine is very similiar @kayvanbree but like I said if I import that module into another component it complains about the matpaginator not being found

Dirt-Nasty

@Dirt-Nasty

How can I get cards to wrap in a row?

Kay van Bree

@kayvanbree

Anybody got experience setting up the angular/material package?

Wait. Just noticed I'm running the wrong script for the demo app

Kay van Bree

@kayvanbree

Does it always take about 2 minutes for a change to be built in the demo app?

it feels like forever

Mi Guoliang

@miguoliang

there's something wrong with the material.angular.io

Kay van Bree

@kayvanbree

I had that today

or something like that

blank page

refreshed the page and it worked again

Mi Guoliang

@miguoliang

but it not work for me, the main.xxx.js is 404

hope it works asap, it's really a good website to study materials

it works

Dirt-Nasty

@Dirt-Nasty

How can I set the background color of mat-card-header to primary?

color="primary" doesn't work

Yerrapotu Manojkiran

@nani554

any ref.for angular material's sidenav . cant swipe it left or right
through research found hammerjs would be helpfull and used swipeleft and it worked but unfortunately not able to use swiperight

@Dirt-Nasty broh its working for me when you select it directly or under parent

nah i used external scss to get it right

let me try attr way

nah its not working attr way, can do it only with custom css

Yerrapotu Manojkiran

@nani554

if you want you mat-card-header 's background color to be same through out ur website then keep the same css styles globally.
or if you want only few mat-card-header's then give it a unique class and give that class the background and place it in global css file

santosh

@santgit89

hi guys,
I am starting with Angular in IntelliJ , when i created the project and did ng build I get the error as
TS1005: ‘;’ expected in component.ts
I have enabled typescript in setting still the error persists any solution to use IntelliJ

Craig Freeman

@Craig939393_twitter

Is this a limiting error or a proper runtime error?

Lin

ting

Rodrigo Espinel

@RodEsV

Help! How can I disable the border bottom of mat-select ? I can'f found the css class, thanks

Lydon

@Lydon

Hi guys, I've created a directive for mat menu as a tooltip. I'm opening the tooltip based on mouse/keyboard events, for instance focus which displays the tooltip and blur which hides the tooltip. However, when using blur I'm having some weird issues, such as unable to close the mat menu. Any ideas?

Roel

@roelzkie15

anyone knows how to properly add a button inside a mat-nav-list? Whenever i click the button in the list, it navigates away.

Ankit

@ankit1329

@badcoder28 @Lydon a plunker demo will help understand the issue better..

Roel

@roelzkie15

@ankit1329 had my SO question here it has a demo on stackblitz https://stackoverflow.com/q/50691525/6143656 lot of thanks

Markand Bhatt

@markandsbhatt

hii any one can suggest ASP.NET MVC and angular js is suitable for the big project

Francis Torda

@freeman29

Is there a way to update Material Snackbar transform translateY(0) to translateY(-16px)?

Rodrigo Espinel

@RodEsV

@markandsbhatt there is an angularjs channel to do that kind of questions

procnet0

@procnet0

Hello, can't get my matSort to work ( angular 5.3) with asynchronous loading of the data . What are the commons mistakes on this?

Markand Bhatt

@markandsbhatt

@RodEsV So Sorry bro

Eduards Brown

@EduardsBrown

Hi I am using angular/material 6.2.1, and when I try to create a custom theme, the @include mat-core() throws an error. I googled but cant find an answer.

does anyone know what this might be?

I've also tried @import '../node_modules/@angular/material/_theming.scss';

Kay van Bree

@kayvanbree

@import '~@angular/material/theming';

according to the guide, you need to remove a _

Where communities thrive

People

Repo info

Activity