Skip to content

Using with latest Angular Cli #13

@bkrajendra

Description

@bkrajendra

Follow these steps to use this template with latest installation of Angular 7+
Step 1) Create angular project from Cli
Step 2) add angular material (follow steps on Angular material docs
Step 3) Download sb-admin-material zip from this repo in extract in somewhere else.

Step 4) copy folders app, assets, styles and files index.html, main.ts from sb-admin-material to your project.

Step 5) styles were not working for me so ive renamed style.scss in style folder to _style.scss and inported it to main global style.scss that way no change needed in angular.json.

so just add :

@import 'styles/styles';

in main style.scss

this will break font so change font path in styles/_material.scss to:

    src: url('assets/fonts/FontinSans/Fontin_Sans_R.otf') format('opentype');

Step 6) Add latest chart.js in package.json dependencies "chart.js": "2.8.0"

finally add following dependencies from npm :

npm i web-animations-js --save
npm install @ngx-translate/http-loader --save
npm install --save ng2-charts
npm i -s @angular/flex-layout
npm install @ngx-translate/core --save

Finally dont forget to run :
npm install

if anything goes wrong make sure to delete node_modules and run again npm install.

look for any error and try to correct it by following its suggested resolution.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions