wangdicoder / angular-material-dashboard Goto Github PK
View Code? Open in Web Editor NEWA material-design dashboard by using angular
License: MIT License
A material-design dashboard by using angular
License: MIT License
17:58:08 [email protected] angular-material-dashboard master ng serve -o
You are running version 6.0.0 of Node, which will not be supported in future
versions of the CLI. The official Node version that will be supported is 6.9 and greater.
To disable this warning use "ng set --global warnings.nodeDeprecation=false".
You have to be inside an angular-cli project in order to use the serve command.
17:59:31 [email protected] angular-material-dashboard master
I'm studying react, so, I'm looking forward to react version, thanks very much!
Hello :)
I put a redirect button in /dashboard to return to the login page.
I have a problem in this scenario :
From my login page, I go to /dashboard, go back to the login page, and go back to / dashboard.
The whole page is not loaded, and an error is generated : ObjectUnsubscribedError from RootComponent.
Screen of this issue: https://ibb.co/drqoUf
Do you have any idea ?
Thanks you, have a good day !
I would recommend to use lazy loading modules for session like (login, forgot page etc.) pages and dashboard like pages
I followed the installation process as outliined in the readme and got this error message.
TypeError: Invalid Version: https://registry.npmjs.org/@angular/core/-/core-4.1.3.tgz
at new SemVer (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\semver\semver.js:293:11)
at new Version (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\upgrade\version.js:23:36)
at Function.assertAngularVersionIs2_3_1OrHigher (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\upgrade\version.js:80:23)
at Class.run (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\commands\serve.js:95:27)
at Class.Command.validateAndRun (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\ember-cli\lib\models\command.js:128:15)
at C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\@angular\cli\ember-cli\lib\cli\cli.js:92:22
at tryCatch (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:539:12)
at invokeCallback (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:554:13)
at C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:629:16
at flush (C:\Users\Alexander Orah\Desktop\Projects\ngtemplates\angular-material-dashboard\node_modules\rsvp\dist\rsvp.js:2414:5)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)
$ ng -v
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
@angular/cli: 1.2.6
node: 7.8.0
os: win32 x64
@angular/animations: 4.3.2
@angular/common: 4.3.2
@angular/compiler: 4.3.2
@angular/core: 4.3.2
@angular/forms: 4.3.2
@angular/http: 4.3.2
@angular/platform-browser: 4.3.2
@angular/platform-browser-dynamic: 4.3.2
@angular/router: 4.3.2
@angular/cli: 1.2.6
@angular/compiler-cli: 4.3.2
@angular/language-service: 4.3.2
How i include this theme to my angular projects ? Thanks before
Your global Angular CLI version (1.7.1) is greater than your local
version (1.0.4). The local Angular CLI version is used.
To disable this warning use "ng set --global warnings.versionMismatch=false".
Version of @angular/compiler-cli needs to be 2.3.1 or greater. Current version is "5.2.11".
ERROR in ./~/@angular/material/esm5/stepper.es5.js
Module not found: Error: Can't resolve '@angular/cdk/stepper' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
@ ./~/@angular/material/esm5/stepper.es5.js 10:0-127
@ ./~/@angular/material/esm5/material.es5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts
ERROR in ./~/@angular/material/esm5/table.es5.js
Module not found: Error: Can't resolve '@angular/cdk/table' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
@ ./~/@angular/material/esm5/table.es5.js 11:0-218
@ ./~/@angular/material/esm5/material.es5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts
ERROR in ./~/@angular/material/esm5/sort.es5.js
Module not found: Error: Can't resolve '@angular/cdk/table' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
@ ./~/@angular/material/esm5/sort.es5.js 11:0-50
@ ./~/@angular/material/esm5/material.es5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts
ERROR in ./~/@angular/material/esm5/tabs.es5.js
Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
@ ./~/@angular/material/esm5/tabs.es5.js 10:0-102
@ ./~/@angular/material/esm5/material.es5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts
ERROR in ./~/@angular/material/esm5/tooltip.es5.js
Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
@ ./~/@angular/material/esm5/tooltip.es5.js 20:0-58
@ ./~/@angular/material/esm5/material.es5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts
ERROR in ./~/@angular/material/esm5/sidenav.es5.js
Module not found: Error: Can't resolve '@angular/cdk/scrolling' in '/home/duard/DevTest/angular-material-dashboard/node_modules/@angular/material/esm5'
@ ./~/@angular/material/esm5/sidenav.es5.js 13:0-62
@ ./~/@angular/material/esm5/material.es5.js
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4300 ./src/main.ts
I like what you are doing but I have a problems. The Login card is not centralized when I ran the application. It places it to the left instead of center, though I used the CSS. Also the social media icons do not display.
I already have @angular/cli installed globally, @angular/flex-layout, @angular/material and @angular/cdk also installed.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.