I can't display a select list beacuse doesn't find the mat-select component, how can I do it?

<mat-select placeholder="Seleccione un plan" id="plan" name="codPlan" [(ngModel)]="loteIndividual.codePlan" class="form-control"> <mat-option *ngFor="let c of planes" [value]="c.code">{{c.description}}</mat-option> </mat-select>

Hey, I have problem while use your theme on Angular 6+. Would you please help me?

it would be great if we have an angular 6+ version

Hi i need to set sidebar to mobile no meter what size the screen?
how do i do it? if i change isMobile function so that it always return true nothing changes

thanks

<a (click)="logout()"> function not triggering inside navbar collapse menu in mobile screens

<div class="form-group label-floating">
        <label class="control-label">Description</label>
        <input type="text" class="form-control" [value]="item.description">
</div>

This issue occurs when I use angular 4 binding.
Thanks

Hi guys.
one of the highlight dashboarding feature is Widget Drag and Drop Support.
you can see krispo admin Dashboard

Hi guys.
Sidebar menu with collapsible style can be awesome. like ng2-admin

In the Example Page "User Profile" if you enter some text into the inputs, the label does not float upwards.
The class "is-empty" needs to be removed accordingly.

Facing issue in safari.. ReferenceError: Can't find variable: EventTarget

How can I achieve that the sidebar is automatically closed o a phone or tablet. It's working on the non angular version, but on the angular version not. I've tried the demo on the site and there the sme thing is happening.

Hello,
I tried to install : "npm install ng2-datepicker --save" .
I followed the procedure but the component does not work.
The error returned by the chrome console is:

localhost:3000/ng2-datepicker Failed to load resource: the server responded with a status of 404 (Not Found).

Thank you so mutch!

On mobile, navbar collapse not working.

Sorry if the question is a bit silly, but I'm not an expert using Angular and I would like to know how to use this template for a school job. Thanks btw

I am using your angular application as template I want to add mat-progress-bar but though I add it it doesn't show up in the browser. There are no errors in console and I have added it correctly as I am using other mat components and they work fine. Any idea why it's not showing?

I am trying to use this plugin for my line charts, but the tags are not being inserted after each element like in the example on chartist shows. (https://gionkunz.github.io/chartist-js/plugins.html#point-label-plugin). I have included the plugin JS file in project, also modified angular-cli.json to include JS file, modified tsconfig.app.json & tsconfig.spec.json to set allowJs as true but still no luck. Not sure if i am missing anything. -
tsconfig.app.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "es2015",
    "baseUrl": "",
    "allowJs":true,
    "types": []
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

tsconfig.spec.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/spec",
    "module": "commonjs",
    "target": "es5",
    "baseUrl": "",  
    "allowJs":true,
    "types": [
      "jasmine",
      "node"
    ]
  },
  "files": [
    "test.ts"
  ],
  "include": [
    "**/*.spec.ts",
    "**/*.d.ts"
  ]
}

angular-cli.json

"scripts": [
          "../node_modules/jquery/dist/jquery.js",
          "../node_modules/bootstrap/dist/js/bootstrap.js",
          "../node_modules/bootstrap-material-design/dist/js/ripples.min.js",
          "../node_modules/bootstrap-material-design/dist/js/material.min.js",
          "../node_modules/arrive/src/arrive.js",
          "../node_modules/moment/moment.js",
          "../node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js",
          "../node_modules/bootstrap-notify/bootstrap-notify.js",
          "../node_modules/chartist/dist/chartist.js",
          "./assets/js/chartist-plugin-pointlabels.js"
      ],

dashboard.components.ts

import { Component, OnInit, OnDestroy } from '@angular/core';
import { EmbarkingShip } from './embarkation';
import { EmbarkationService } from './embarkation.service';
import { EmbarkationCount } from './embarkationcount';
import { EmbarkationCountService } from './embarkationcount.service';
import * as Chartist from 'chartist';

import { Observable } from "rxjs";
import { TimerObservable } from "rxjs/observable/TimerObservable";

import * as ctPointLabels from '../../assets/js/chartist-plugin-pointlabels.js';
. . . . . . . 

this.embarkationCountService.getSeriesDetails()
                .subscribe((chartData) => {
                    this.chartData = chartData;                    
                    console.log(chartData);                         
                    const optionsDailySalesChart: any = {
                        lineSmooth: Chartist.Interpolation.cardinal({
                        tension: 0
                        }),
                        low: 0,
                        high: 25,                        
                        chartPadding: { top: 0, right: 0, bottom: 0, left: 0},                        
                    }
                   
                    var dailySalesChart = new Chartist.Line('#dailySalesChart', {labels:this.chartLabels,series:this.chartData}, optionsDailySalesChart);            
                    this.startAnimationForLineChart(dailySalesChart);
            
            }); 

Compilation error message -

chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [
rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 1.06 kB {vendor} [initial
] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 323 b
ytes {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 329 kB {inline} [
initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 338 kB [initial]
[rendered]

ERROR in C:/Users/Dashboard/src/app/dashboard/d
ashboard.component.ts (11,32): File 'C:/Users/Dashboard/src/assets/js/chartist-plugin-pointlabels.js' is not a module.

webpack: Failed to compile.

I did exactly what is in the Getting Started section.
When I exec npm start I get the following error:

> [email protected] start C:\Dev\creative-tim\material-dashboard-angular2-v1.4.2
> ng serve

module.js:557
    throw err;
    ^

Error: Cannot find module 'rxjs/operators/map'
    at Function.Module._resolveFilename (module.js:555:15)
    at Function.Module._load (module.js:482:25)
    at Module.require (module.js:604:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Dev\creative-tim\material-dashboard-angular2-v1.4.2\node_modules\@angular-devkit\core\src\json\schema\registry.js:15:15)
    at Module._compile (module.js:660:30)
    at Object.Module._extensions..js (module.js:671:10)
    at Module.load (module.js:573:32)
    at tryModuleLoad (module.js:513:12)
    at Function.Module._load (module.js:505:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `ng serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\octavio.parisi\AppData\Roaming\npm-cache\_logs\2018-01-12T15_27_46_161Z-debug.log

How do I solve this?

styling break label doesnt animate after html is loaded from a template using AngularJS UI-Router.

Hello,

Thanks for your greate work guys but it will be awesome if you add the submenu in sidebar

Thanks

HI ,

Thanks for this wonderfull theme.

i had a issue while bilding with aot

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/var/www/html/APPH/material-dashboard-angular/src'

./src/main.ts 4:0-74

multi ./src/main.ts

angular/cli: 1.0.0
node: 8.9.4
os: linux x64
angular/common: 4.4.6
angular/compiler: 4.4.6
angular/core: 4.4.6
angular/forms: 4.4.6
angular/http: 4.4.6
angular/platform-browser: 4.4.6
angular/platform-browser-dynamic: 4.4.6
angular/router: 4.4.6

angular/cli: 1.0.0
angular/compiler-cli: 4.4.6
node -v
v8.9.4
npm -v
5.8.0
ubuntu 64bit os

Thanks
Vignesh

Hi guys!

I am trying to run npm install, but I am encountering following issue:

npm WARN [email protected] requires a peer of [email protected] but none was installed.
npm WARN [email protected] requires a peer of zone.js@^0.7.2 but none was installed.
npm WARN [email protected] requires a peer of @angular/common@^2.4.0 but none was installed.
npm WARN [email protected] requires a peer of @angular/compiler@^2.4.0 but none was installed.
npm WARN [email protected] requires a peer of @angular/core@^2.4.0 but none was installed.
npm WARN [email protected] requires a peer of @angular/forms@^2.4.0 but none was installed.
npm WARN The package @types/core-js is included as both a dev and production dependency.

My npm-version is 4.4.4, and my Node version is 6.9.1.

I have tried different ways of solving the problem, installing deps manually and running npm-install-peers, but I cannot get it to work.

I am considering the Pro version, but I want to be certain I can get this running first. Any help would be greatly appreciated.

I would like to populate a chart with data from an api. Is there an example? I'm learning angular 2 cli.

How to hide sidebar in login page i.e how can I open login page first without sidebar and then after successful login will redirect on dashboard of template....I tried it but not possible, please give some solution for ur template.....

I have some troubles with implementing dashboard with your material ui kit. There is problems in navbar. When am using material-dashboard.css it broke the standart navbar settings from material ui kit. (I am using angular 2).

For example i have two components: Component "A" where is classic landing page from material uit kit package, using material-kit.css in styleurls property. Everything is work well.

Then, component "B" (with multiplie components inside like in example navbar,footer,sidebar and js files also included like in example) uses material-dashboard.css in styleurls property. Here navbar brakes down when i change size of window, collapse dont work and burger button does not show menu on right side.
But if i include material-dashboard.css to index page, it works well, as in example. And here problem begins - navbar in component A brakes down(burger button does not work), because styles from material-dashboard.css overrides navbar styles from material-kit.css. I dont know why material-dashboard.css styles (navbar styles) dont work when i include them into separate components (component B and his child components). It works only when i got in index page, but then i got problems with classic navbar from material ui kit.

The question is how i can implement this "dashboard navbar" from material dashboard with "classic navabar" from material ui kit? Is it real? I have spend around 4-5 days on this problem and always getting that some parts brakes down. I really enjoy your style and would like to purchase. Hope to receive some help or explanation.

I am trying to find some workaround/hack to use material-kit.css for some pages (landing login etc) and styles from material-dashboard.css for admin panel component. I s there a way to dynamically (based on root) change/(add or remove) css file in index page.

P.s. Material-kit.css from material kit work very well if i put them only in component styleurls property).

Hey ! I have a problem ! I Want to insert this dashboard in my project but the style is broken.

For the moment i just want to display the /home page without the dashboard section.

But, today, it's like this : https://puu.sh/vSFGI/7807de9498.png

I use the demo and i insert all css or script or anything else.

Can you help me ? Thx in advance !

Hello :)

Love the template, looks awesome!!

Does it work with angular 4 or do you maybe know where to start to convert it?

With due respect I want to inform you that this is superb Theme. But the issue i am facing is that when i change in userprofile template everything Ok but when i bind it with component like [(ngModel)]="name" then its style change by default color to green color so please let me know what i have to do. Help would be appreciated

Hi,
I am trying to open the project in Stackblitz for further development, for doing so I went to the github link for the project and changed the URL as given in the Stackblitz documentation for porting projects from github, but in stackblitz the Side-nav bar and its components do not appear kindly help me with the same

Thanks,
Riju

Hi Guys,
We need Tree view component (with checkbox) in our application. I could not find any component available in "material-dashboard-pro-angular2" theme we licensed. Is there plan to add this component soon ? Regards, Bharat

when i run npm start
i've got the issue bellow

[email protected] start C:\Users\JoSuper\Documents\AngularProjects\material-dashboard-free-angular2-v1.1.0zip
tsc && concurrently "tsc -w" "lite-server"

node_modules/@angular/common/src/pipes/async_pipe.d.ts(44,38): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/compile_metadata.d.ts(369,30): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/compile_metadata.d.ts(415,30): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/compile_metadata.d.ts(418,246): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/directive_normalizer.d.ts(38,72): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/directive_normalizer.d.ts(40,74): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/metadata_resolver.d.ts(62,18): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/offline_compiler.d.ts(32,87): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/offline_compiler.d.ts(49,9): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/resource_loader.d.ts(13,23): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/runtime_compiler.d.ts(44,49): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/runtime_compiler.d.ts(46,65): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/util.d.ts(26,18): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/compiler/src/util.d.ts(27,46): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/application_init.d.ts(16,18): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/application_ref.d.ts(106,67): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/application_ref.d.ts(122,101): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/application_ref.d.ts(148,67): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/application_ref.d.ts(150,101): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/facade/lang.d.ts(12,17): error TS2304: Cannot find name 'Map'.
node_modules/@angular/core/src/facade/lang.d.ts(13,17): error TS2304: Cannot find name 'Set'.
node_modules/@angular/core/src/linker/compiler.d.ts(53,49): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/linker/compiler.d.ts(61,65): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/linker/ng_module_factory_loader.d.ts(14,34): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/linker/system_js_ng_module_factory_loader.d.ts(28,25): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/core/src/util/lang.d.ts(8,53): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/platform-browser-dynamic/src/resource_loader/resource_loader_impl.d.ts(10,23): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/config.d.ts(319,62): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/interfaces.d.ts(78,99): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/interfaces.d.ts(157,109): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/interfaces.d.ts(227,115): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/interfaces.d.ts(297,91): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/interfaces.d.ts(367,50): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/router.d.ts(393,70): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/router.d.ts(415,59): error TS2304: Cannot find name 'Promise'.
node_modules/@angular/router/src/utils/collection.d.ts(35,58): error TS2304: Cannot find name 'Promise'.
node_modules/@types/core-js/index.d.ts(47,36): error TS2304: Cannot find name 'Iterable'.
node_modules/@types/core-js/index.d.ts(350,48): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(351,52): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(352,34): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(353,34): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(354,34): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(355,61): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(356,60): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(357,65): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(357,97): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(358,60): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(359,58): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(360,59): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(361,58): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(362,61): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(362,117): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(363,42): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(365,81): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(366,78): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(367,76): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(368,73): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(431,6): error TS2304: Cannot find name 'Symbol'.
node_modules/@types/core-js/index.d.ts(456,39): error TS2304: Cannot find name 'Promise'.
node_modules/@types/core-js/index.d.ts(464,59): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(465,59): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(467,48): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(468,69): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(472,40): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(474,48): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(494,55): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(495,45): error TS2304: Cannot find name 'PropertyKey'.
node_modules/@types/core-js/index.d.ts(511,46): error TS2304: Cannot find name 'Iterable'.
node_modules/@types/core-js/index.d.ts(512,43): error TS2304: Cannot find name 'Iterable'.
node_modules/@types/core-js/index.d.ts(627,18): error TS2304: Cannot find name 'PromiseConstructor'.
node_modules/@types/core-js/index.d.ts(642,32): error TS2304: Cannot find name 'Iterable'.
node_modules/@types/core-js/index.d.ts(646,39): error TS2304: Cannot find name 'Iterable'.
node_modules/@types/core-js/index.d.ts(646,53): error TS2304: Cannot find name 'Iterator'.
node_modules/@types/core-js/index.d.ts(657,35): error TS2304: Cannot find name 'Promise'.
node_modules/@types/core-js/index.d.ts(1280,34): error TS2339: Property 'for' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1284,41): error TS2339: Property 'hasInstance' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1288,48): error TS2339: Property 'isConcatSpreadable' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1292,38): error TS2339: Property 'iterator' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1296,36): error TS2339: Property 'keyFor' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1300,35): error TS2339: Property 'match' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1304,37): error TS2339: Property 'replace' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1308,36): error TS2339: Property 'search' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1312,37): error TS2339: Property 'species' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1316,35): error TS2339: Property 'split' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1320,41): error TS2339: Property 'toPrimitive' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1324,41): error TS2339: Property 'toStringTag' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(1328,41): error TS2339: Property 'unscopables' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2059,34): error TS2339: Property 'for' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2063,41): error TS2339: Property 'hasInstance' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2067,48): error TS2339: Property 'isConcatSpreadable' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2071,38): error TS2339: Property 'iterator' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2075,36): error TS2339: Property 'keyFor' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2079,35): error TS2339: Property 'match' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2083,37): error TS2339: Property 'replace' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2087,36): error TS2339: Property 'search' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2091,37): error TS2339: Property 'species' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2095,35): error TS2339: Property 'split' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2099,41): error TS2339: Property 'toPrimitive' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2103,41): error TS2339: Property 'toStringTag' does not exist on type 'SymbolConstructor'.
node_modules/@types/core-js/index.d.ts(2107,41): error TS2339: Property 'unscopables' does not exist on type 'SymbolConstructor'.
node_modules/rxjs/Observable.d.ts(10,66): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(66,60): error TS2304: Cannot find name 'Promise'.
node_modules/rxjs/Observable.d.ts(66,70): error TS2304: Cannot find name 'Promise'.

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
npm ERR! node v6.9.2
npm ERR! npm v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: tsc && concurrently "tsc -w" "lite-server"
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server" '.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the material-dashboard-angular2 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! tsc && concurrently "tsc -w" "lite-server"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs material-dashboard-angular2
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls material-dashboard-angular2
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\JoSuper\Documents\AngularProjects\material-dashboard-free-angular2-v1.1.0zip\npm-debug.log

Are they any plans to upgrade this project to use bootstrap 4? Thanks!

I'm trying to add the ng2-bootstrap modal with the template but the modal appears behind the backdrop,

I added $('.modal').appendTo("body"); inside the $(document).ready function but it didn't help.

I am using material-dashboard-angular version and using lazy loading but after loading 3-4 route it's not working, router navigate to particular component but template of component not load, and there is no error in console.
screenshot of my app.routing.ts and issue screen listed.


you can check also in https://moneysave-fabea.firebaseapp.com/

how to do validation in the second step of wizard?

I had assigned the value for input text but the label is overlapping the value.

How can i get submenus in the leftnav

I just downloaded the latest version of the theme and tried to npm install the dependencies.
Got the following error:

npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: All versions below 4.0.1 of Nodemailer are deprecated. See https://nodemailer.com/status/
npm WARN deprecated [email protected]: 1.2.0 should have been a major version bump
npm WARN deprecated [email protected]: This project is unmaintained
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
npm WARN deprecated [email protected]: stop using this version
npm WARN deprecated [email protected]: Use uuid module instead
npm WARN deprecated [email protected]: This project is unmaintained
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an
import issue introduced in 2.1.0
npm ERR! Unexpected end of JSON input while parsing near '...^2.79.0","shelljs":"^'

Any enlightment regarding this error?
Thanks in advance.

Hello guys!

I have a problem with button animation. Some time ago I downloaded the Dashboard Angular 2+ (free version), installed the dependencies and then almost everything worked according to the online demo. I say "almost" becouse the button animation doesn't work properly.

When I drag the mouse over the button, the float animation happens, but when I click on it, the click animation does not appear. It seems that the click didn't happen.

Anyone know if this problem is already known? What information can I provide so that someone can help me?

Online demo:

Local:

Hi,
Thanks for your wonderful template. I need to create an additional toggle sidebar on the right side to add some filters. How do I go about doing it?

Hello friends, When trying to lift the admin I get the following error =>
webpack-internal:///../../../core/@angular/core.es5.js:1220 ERROR Error: Uncaught (in promise): EmptyError: no elements in sequence EmptyError: no elements in sequence at new EmptyError (webpack-internal:///../../../../rxjs/_esm5/util/EmptyError.js:29) at FirstSubscriber._complete (webpack-internal:///../../../../rxjs/_esm5/operators/first.js:157) at FirstSubscriber.Subscriber.complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:127) at MergeMapSubscriber._complete (webpack-internal:///../../../../rxjs/_esm5/operators/mergeMap.js:155) at MergeMapSubscriber.Subscriber.complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:127) at MapSubscriber.Subscriber._complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:145) at MapSubscriber.Subscriber.complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:127) at EmptyObservable._subscribe (webpack-internal:///../../../../rxjs/_esm5/observable/EmptyObservable.js:85) at EmptyObservable.Observable._trySubscribe (webpack-internal:///../../../../rxjs/_esm5/Observable.js:177) at EmptyObservable.Observable.subscribe (webpack-internal:///../../../../rxjs/_esm5/Observable.js:165) at new EmptyError (webpack-internal:///../../../../rxjs/_esm5/util/EmptyError.js:29) at FirstSubscriber._complete (webpack-internal:///../../../../rxjs/_esm5/operators/first.js:157) at FirstSubscriber.Subscriber.complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:127) at MergeMapSubscriber._complete (webpack-internal:///../../../../rxjs/_esm5/operators/mergeMap.js:155) at MergeMapSubscriber.Subscriber.complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:127) at MapSubscriber.Subscriber._complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:145) at MapSubscriber.Subscriber.complete (webpack-internal:///../../../../rxjs/_esm5/Subscriber.js:127) at EmptyObservable._subscribe (webpack-internal:///../../../../rxjs/_esm5/observable/EmptyObservable.js:85) at EmptyObservable.Observable._trySubscribe (webpack-internal:///../../../../rxjs/_esm5/Observable.js:177) at EmptyObservable.Observable.subscribe (webpack-internal:///../../../../rxjs/_esm5/Observable.js:165) at resolvePromise (webpack-internal:///../../../../zone.js/dist/zone.js:824) at resolvePromise (webpack-internal:///../../../../zone.js/dist/zone.js:795) at eval (webpack-internal:///../../../../zone.js/dist/zone.js:873) at ZoneDelegate.invokeTask (webpack-internal:///../../../../zone.js/dist/zone.js:425) at Object.onInvokeTask (webpack-internal:///../../../core/@angular/core.es5.js:4081) at ZoneDelegate.invokeTask (webpack-internal:///../../../../zone.js/dist/zone.js:424) at Zone.runTask (webpack-internal:///../../../../zone.js/dist/zone.js:192) at drainMicroTaskQueue (webpack-internal:///../../../../zone.js/dist/zone.js:602) at <anonymous> defaultErrorLogger @ webpack-internal:///../../../core/@angular/core.es5.js:1220

Is there a way to get the jquery styling to load along with the module when lazyloading? I have all the scripts listed in the .angular-cli.json file but they don't load along with the module.

Hi,
actually i try the free version before buy the pro.
When i change the color in _brand.scss the header of form do not change, is it a limitation of the free version?

Thx.

I'm getting this error. I'm really new to Angular. Help pls.

This is not really an issue.

But here is an idea to dynamically generate the Nav Items

<div class="sidebar-wrapper">
    <div class="nav-container">
        <ul class="nav">
            <li 
            routerLinkActive="active"
            *ngFor="let menuItem of menuItems">
                <a [routerLink]="[menuItem.path]"> 
                    <i class="{{menuItem.iconType}}">{{menuItem.icon}}</i>
                    <p>{{menuItem.title}}</p>
                </a>
            </li>
        </ul>
    </div>
</div>

Then in sidebar.metadata.ts
change

export interface RouteInfo {
    path: string;
    title: string;
    menuType: MenuType;
    icon: string;
    iconType: string;
}

Then in the sidebar-routes.config.ts

export const ROUTES: RouteInfo[] = [
    { path: 'dashboard', title: 'Dashboard', menuType: MenuType.LEFT, iconType: 'material-icons', icon: 'dashboard' },
    { path: 'user', title: 'User profile', menuType: MenuType.LEFT, iconType:'material-icons', icon: 'user' },
    { path: 'table', title: 'Table List', menuType: MenuType.LEFT, iconType:'material-icons', icon: 'content_paste'}
];

Great template! How about an angular-cli/Webpack version?

Hey, there are no No Login Page etc, no dropdowns etc, apart from these all are great.

Displaying following error

An unhandled exception occurred while processing the request.
WinHttpException: The server returned an invalid or unrecognized response
System.Threading.Tasks.RendezvousAwaitable.GetResult()
HttpRequestException: An error occurred while sending the request.
System.Net.Http.HttpClient.FinishSendAsyncUnbuffered(Task sendTask, HttpRequestMessage request, CancellationTokenSource cts, bool disposeCts)
HttpRequestException: Failed to proxy the request to http://localhost:62681/, because the request to the proxy target failed. Check that the proxy target server is running and accepting requests to http://localhost:62681/.

The underlying exception message was 'An error occurred while sending the request.'.Check the InnerException for more details.
Microsoft.AspNetCore.SpaServices.Extensions.Proxy.SpaProxy.PerformProxyRequest(HttpContext context, HttpClient httpClient, Task baseUriTask, CancellationToken applicationStoppingToken, bool proxy404s)

I am working on this theme its just superb but there is one problem that i want to use this with my ASP.Net web API and for that purpose i make the service here but unfortunatlly its not accessing it. Its giving error. Other main problem is that its not give intellisence of build in components .Kindly resolve this issue i would be thankful to you for this favour

I have an application using angular/material 6. I imported a component from your code and with minor updates everything is working fine except component color. It seem to be still adopting the original material color theme instead of your brand primary color. Can you please advice what should I do to use your color theme for native material components?