AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).
When using Angular Material with Angular Universal, I get a lot of warnings of this type:
WARNING in ./src/app/manage/users/manage-users.component.ngfactory.js
46:479-518 "export 'MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS' (imported as 'i3') was not found in '@angular/material/progress-spinner'
WARNING in ./node_modules/@angular/material/menu/typings/index.ngfactory.js
49:191-198 "export 'ɵf24' (imported as 'i1') was not found in '@angular/material/menu'It happens both with the most recent versions (Angular & Angular Material 6.4.3) as well as the one I previously used (Angular & Angular Material 6.0.9)
whenever I use a
<mat-menu> or <mat-spinner> in my markup, this warning would appear
hence, I got like 20 of those
i am havin a little issue with applying a dark theme
my style sheet looks like this:
@import '~@angular/material/theming';
@include mat-core();
$primary: mat-palette($mat-red);
$accent: mat-palette($mat-green, A200, A100, A400);
$theme: mat-dark-theme($primary, $accent);
@include angular-material-theme($theme);
html, body { height: 100%; }
body { margin: 0; font-family: 'Roboto', sans-serif; }
but my page is still white, and all the controls also became light
Can someone please tell me if I am doing something wrong?
Can anyone answer this question ? https://stackoverflow.com/questions/51858991/connect-datasorce-with-api-using-angular-material-datatable . I will be really grateful
@fastboyz_gitlab @lovep34 @mohammadobaid1 You can find the Angular Material channel here: https://gitter.im/angular/material2. This channel is for AngularJS Material (1.x).
@codymikol Love this feedback https://github.com/angular/material/issues/11384#issuecomment-413573740!
Glad I can help out, my team has been using angular material for almost three years now
I would love some help testing a big Chips and Autocomplete accessibility PR (angular/material#11422). I especially need Windows users who can test with JAWS and NVDA. But I’d also love some coverage on iOS VoiceOver and Talkback for Android.
Hi @All,
I have tried to have a multiline tool tip dynamically using matToolTip . Please let me know if that is possible. Following is the example
https://stackblitz.com/edit/angular-1e3np3-hbxpo2?file=app%2Ftooltip-auto-hide-example.css
I have tried to have a multiline tool tip dynamically using matToolTip . Please let me know if that is possible. Following is the example
https://stackblitz.com/edit/angular-1e3np3-hbxpo2?file=app%2Ftooltip-auto-hide-example.css
Can't find it in official angular-material documentation.
This room is for the angularjs 1.x version
@vinzandtonz It’s not clear what you mean. You can find the md-tooltip demos here: https://material.angularjs.org/latest/demo/tooltip and the docs here: https://material.angularjs.org/latest/api/directive/mdTooltip
@vinzandtonz in AngularJS, that sounds reasonable to do via some parsing and injecting of
<md-tooltip>My Tooltip</md-tooltip> elements in an intelligent way. Of course you will want to take advantage of sanitization of the HTML and be very careful of who can access/modify what those APIs return so that you don’t expose some kind of attack vector.
like this
this.selectedBureauTab(0: MatTabChangeEvent);
I want to pass into this function
selectedBureauTab(event: MatTabChangeEvent) {
console.log(event);
console.log(this.bureauTabResponse);
this.bureauTabResponse.bureauAnalysisOutputList.forEach((instance, ind) => {
console.log(ind);
if (event.index === ind) {
console.log(instance);
this.bureauAnalysisOutputList = instance;
this.bureauAnalysisOutputList.bureauAnalysisData.forEach(rowElement => {
if (
(rowElement.value === '0' || rowElement.value === '-1') &&
rowElement.key === 'Bureau Score'
) {
this.burauScoreNotAvailable = 'Bureau No Hit!';
}
});
}
});
}
I need mat tab label name too, that is why using this