Issue type

• bug
• feature request
• question about the decisions made in the repository

Issue description

When i built this project by command ng build for the test environment,the result is normal and correct.But when i take the command ng build --prod for the production environment,the result always be wrong,The error Info is:

ERROR in : Can't bind to 'htmlFor' since it isn't a known property of 'ng-component'.
1. If 'htmlFor' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("[ERROR ->]")

I have downloaded the latest code and installed the dependencies ,i don't have any changement of the code,but i got the same error.

ERROR in ./src/theme/styles.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--13-3!
./src/theme/styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: File to import not found or unreadable: ~ag-grid-community/src/styles/ag-theme-material/resources/material-legacy-var-names.
on line 1 of src/theme/scss/ag-theme-darkboard-vars.scss
from line 4 of C:\Users\insal\CommercialProjects\material-angular-dashboard-master\src\theme\styles.scss

@import "~ag-grid-community/src/styles/ag-theme-material/resources/material-
^

Expected behavior
Upgrade angular version to 8.0

Actual behavior
Current version is 7.x.x

Steps to reproduce the behavior
Relevant code

Priority

low

Expected behavior

sidebar button has to show up when after sidebar hides out like on screen

Actual behavior

no sidebar button on this page presented

Steps to reproduce the behavior

install and run the project

Hi, really love the project. I would like to ask if this is also compatible with https://material.angular.io/ components?

Best regards.
Huy Nguyen

Expected behavior

Upgrade angular version to 7.1.x

Actual behavior

Current version is 6.0.x

Steps to reproduce the behavior

Relevant code

Environment description

Expected behavior

This navigation has to work

Actual behavior

Router links are not formed correctly which leads to 404 every time

Steps to reproduce the behavior

Run the project and go to any investigation

Steps to reproduce the behavior

Load demo page and go to Menu -> Components -> Avatars and controls list

Relevant code

The resolution is 1166px X 801px.
I notice that only if the width has even numbers the graphic issue appear. (1166px, 1218px, 1264px ...)

Environment description

macOS Mojave v. 10.14.1 - Google Chrome Version 70.0.3538.110 (Official Build) (64-bit)

Expected behavior

build the production bundles

Actual behavior

ERROR in : Can't bind to 'htmlFor' since it isn't a known property of 'ng-component'.

1. If 'htmlFor' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("[ERROR ->]")

Steps to reproduce the behavior

ng build --prod

Relevant code

clone this repo

Environment description

Angular CLI: 8.2.2
Node: 10.16.3
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.802.2
@angular-devkit/build-angular 0.802.2
@angular-devkit/build-optimizer 0.802.2
@angular-devkit/build-webpack 0.802.2
@angular-devkit/core 8.2.2
@angular-devkit/schematics 8.2.2
@angular/cdk 8.2.3
@angular/cli 8.2.2
@angular/material 8.2.3
@ngtools/webpack 8.2.2
@schematics/angular 8.2.2
@schematics/update 0.802.2
rxjs 6.4.0
typescript 3.5.3
webpack 4.38.0

Expected behavior

Dropdown in Profile Info must be full shown

Actual behavior

Profile Info on page 'UI > Forms' have strange overflow for dropdown
https://prnt.sc/lrjiak

Steps to reproduce the behavior

Go to page 'UI > Forms'.
In Profile Info block click on Dropdown.

Environment description

http://material-angular-dashboard.creativeit.io/

Expected behavior

After git clone, yarn install, running ng serve should compile successfully and serve the dashboard.

Actual behavior

ng serve returns an error and fails to compile the project:

ERROR` in src/app/pages/forms/forms.module.ts(4,38): error TS2307: Cannot find module 'ng-getmdl-select'.
src/app/pages/ui/ui.module.ts(3,38): error TS2307: Cannot find module 'ng-getmdl-select'.

i ｢wdm｣: Failed to compile.

Hi- I'm having a lot of trouble figuring out how to extend this code for my project, specifically how to re-use your custom elements like "base-card", "app-sliders", etc. I'm still relatively new to Angular code organization.

For example, I tried to figure out how your "base-card" element finds its way into ChartsComponent, and using that as an template for how to have elements in my new pages. It appears (see diagram) that this comes across via ThemeModule. But when I clone all the files in charts/ and swap all "chart" names with, say, "about" to create a new About page, I get nothing but errors like "Template parse errors: 'base-card' is not a known element".

Do you have a step-by-step suggestion for how to create a new page that can leverage all your beautiful components?

Hi, I'm trying to implement material dialog in my project but the dialog opens at the bottom of the layout with green background.

Anyone else having the same issue?

Create table with pagination

Expected behavior

from your example you have advance table with the following column for button

<td class="mdl-data-table__cell--non-numeric">
       <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal">Add to
              cart
       </button>
 </td>

I added my (click)="createTrx" in

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal" (click)="createTrx">Add to
              cart
</button>

Actual behavior

But you have output html like this

<td _ngcontent-ldk-c105="" class="mdl-data-table__cell--non-numeric">
  <button _ngcontent-ldk-c105="" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal" data-upgraded=",MaterialButton,MaterialRipple">Add to cart 
  <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
</td>

Steps to reproduce the behavior

Relevant code

Environment description

How can I add my click function?

Expected behavior

All tables should be with shadows

Actual behavior

All tables on this page are without shadows

Steps to reproduce the behavior

UI - Tables

Expected behavior

First checkbox should look like others.

Actual behavior

First checkbox has graphic issue.

Steps to reproduce the behavior

Load demo page and select the first checkbox

Environment description

macOS Mojave v. 10.14.1 - Google Chrome Version 70.0.3538.110 (Official Build) (64-bit)

Expected behavior

Should look the same as when the page loads

Actual behavior

I see native checkboxes, layout is broken, placeholder stays when I type in something

Steps to reproduce the behavior

Load demo page, delete all TODO items, start adding new ones

Environment description

Ubuntu 18.04, Google Chrome Version 70.0.3538.110 (Official Build) (64-bit)

Expected behavior

I should be able to select dropdown value smoothly in the form controls with just a single click.

Actual behavior

We had to click the drop down twice to get the values listed.

Steps to reproduce the behavior

Navigate to UI > Forms > Profile Info > Location drop down and try to select a value.

I went and checked http://creativeit.io/material-dashboard-lite to verify if that was the case there as well. But I don't see any issue there.

Since lock files appeared in npm, there is no valuable reason to use yarn anymore:
https://medium.com/@vincentnewkirk/npm-vs-yarn-2019-e88757b17038
https://iamturns.com/yarn-vs-npm-2018/

Priority

High

Expected behavior

Select has to pop up select options

Actual behavior

No options on click.
filters.component.html error: type string is not assignable to type {[p: string]: string} for currentValue.
browser console: this.menu is undefiend; - on click + this.dropdown is undefined; - on load

Steps to reproduce the behavior

install the project -> run -> go to custom dashboard

Environment description

On angular 9 and 10 updates

Expected behavior

submenu should be closed after selecting a new one menu point

Actual behavior

submenu does not always close after selecting a new one

Steps to reproduce the behavior

Open UI - any submenu, then select Components

Expected behavior

has to close on close button

Actual behavior

it is not closing

Steps to reproduce the behavior

run app and open contact us dialog

Relevant code

Environment description

mock login