angular/material

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

Fernando L. Estuesta

@champolot

hey guys. is it fine to jump to angular material from bootstrap?

Lisa Copeland

@lisacopeland

@champolot I think there is no problem using angular material with bootstrap

Daniel Netzer

@DanielNetzer

evening/morning all, what's the best way to make an app with material stretch to 100% height and width of the window?

Daniel Netzer

@DanielNetzer

another thing is, when I use the new schematics and generate a sidenav template as an app component

i get the following error

Error: The selector "app" did not match any elements

Daniel Netzer

@DanielNetzer

nvm solved all issues

last problem which is weird, why does the mat-grid-list have this crazy padding on the bottom?

cedvdb

@cedvdb

where in the repo does the .io website lives ? https://github.com/angular/material2

Fernando L. Estuesta

@champolot

any one here uses angular + firebase?

Daniel Netzer

@DanielNetzer

depends who asking

Fernando L. Estuesta

@champolot

is angular + firebase is only for seniors?

Daniel Netzer

@DanielNetzer

what is a senior? someone who tried and failed many times and learnt a great deal byb doing that... try it out, angular + firebase is very strong. there's plenty of good tutorials out there.

Anthony Nahas

@AnthonyNahas

🖒 Angular 💙 Firebase

Fernando L. Estuesta

@champolot

what i mean is. Angular + firebase are only offered for the senior programmers.

Nico Kokonas

@nicoandmee

Speaking of firebase & angular I'm banging my head against the wall trying to do something pretty simple in firestore, https://github.com/codediodeio/angular-firestarter using this as a base. I have a /users collection and each doc has a balance attribute. When a new item is added/button pressed I want the balance to decrease by one. Im new to angular though and I've managed to confuse myself, where exactly do I want to put my updateBalance method?

https://gyazo.com/092c1fd726afecbea6d12eb2435d3251 Here's what my firestore structure looks like, really simple stuff..

Adam

@avb100

@nicoandmee You are going to want to update the field on the appropriate document. Something like:

userRef.update({balance: currentBalance - 1});

You will need to instantiate currentBalance, but that's the basic concept. The button handler function will need to be in your component class, but the component could, in turn, call a service that is injected into the component. See: Documents in AngularFirestore

Daniel Netzer

@DanielNetzer

hello all, is there anyway to add global validators to all inputs of certain type?

Alain Kaiser

@alainkaiser

hi all :)

Madhav

@madhavmahesh1969

Daniel Netzer

@DanielNetzer

hello all

what's the best place to learn theming for material?

Roel

@roelzkie15

Why is mat-tab is breaking 3rd party component libraries when placed inside its content??

Russel Porosky

@metaloha

@badcoder28 Like which ones have you noticed?

Roel

@roelzkie15

@metaloha like rich text editors quilljs and tinymce and fortunately i was able to solve it by lazy loading the tab and it force me to upgrade to angularv6 though

Russel Porosky

@metaloha

Some of those libs require a visible element in order to work (usually to get size information), and if the tab is hidden, the context won't be valid (Google Maps is the same way). Once the tab content area is made visible, you can initialize the 3rd-party lib and it will use the element properly. Or lazy-load the content :) Same effect

Roel

@roelzkie15

@metaloha oh yes, and that's a very clear detail and i did not figure it out early, i could do better without upgrading then . lot of thanks

Daniel Dorantes

@thesmallbang

Anyone run across issue with angular forms validation when you tab off a control it is marked invalid and get the red border but no messages because statusChanges observable or valueChanges do not fire for touched and I dont see registerOnTouch as an option as i've seen in some google results

Daniel Netzer

@DanielNetzer

evening all

is there anyway to create an HTMLElement and createa a tooltip for him?

warlockD

@warlockdn

I want to only use expansion panel component for my project. do I need to download the whole material library

or is there a standalone available

Daniel Netzer

@DanielNetzer

Anyone have any idea how I can attach a MatTooltip to an HTMLElement programatically?

Hadi Dbouk

@hadiidbouk

Hello Guys,

I have some code written in AngularJS and i am trying to use it in my Angular App,
I have made a module declarationx.module.d.ts,
But when i enable the Angular AOT i receive this error message
Please add a @NgModule annotation.

How can i fix this error ? it work fine when i disable the AOT

MattHubbell

@MattHubbell

@DanielNetzer you can use [matTooltip]="valTooltipLit" in html, then set the value of valToolTipLit in your component.

hemanth poluru

@hpoluru

Can anyone direct me in a right way on how to develop an facebook style notification button in angular and ng-boostrap

Cody Seibert

@codyseibert

I'm trying to make change to the material2 project, and I want to reflect those changes in my UI which is using material2. Does anyone have link to docs about how to use "npm link" between my material2 fork and my UI so I can develop and look at my changes live?

oh wait, this is the angularjs material gitter

^ disregard

SwCon

@SwCon

Can someone points me to a good resource for creating Angular CDK and Dynamic Components?

Daniel Netzer

@DanielNetzer

thanks @MattHubbell but the entire HTMLElement is created dynamically and I've tried adding the tooltip using rendere2.setAttrib

just doesnt play nice

MattHubbell

@MattHubbell

@DanielNetzer can you build the HTMLElement as a custom form field?

Daniel Netzer

@DanielNetzer

@MattHubbell nope, its a <mark> element

Daniel Netzer

@DanielNetzer

how do you use MAT_PLACEHOLDER_GLOBAL_OPTIONS on material 6.0.2?

Luke Crooks

@crooksey

Anyone else come across:

WARNING in ./node_modules/@angular/material/esm5/material.es5.js
40:0-371 "export 'ɵa24' was not found in '@angular/material/tabs'

WARNING in ./node_modules/@angular/material/esm5/material.es5.js
40:0-371 "export 'ɵb24' was not found in '@angular/material/tabs'
....

Daniel Netzer

@DanielNetzer

Anyone experiencing problems with mat-menu mislocated?

Ghost

@ghost~5aff01ccd73408ce4f99dbab

How can I fix this behavior, the side bar is to be dismissable only by the topbar http://prntscr.com/jjmkbm

Where communities thrive

People

Repo info

Activity