Giter Club home page Giter Club logo

angular-utility's Introduction

ANGULAR UTILS

Chars: ` ~

Install SCSS:

When creating new project: 		ng new My_New_Project --style=sass    
								npm install node-sass --save-dev
								
On existing project: 			ng set defaults.styleExt scss		  
								npm install node-sass --save-dev   
								change .angular-cli.json -> "styles": ["styles.scss"]

Install BOOTSTRAP:

On existing project:			npm install ngx-bootstrap bootstrap@next jquery tether popper.js --save

Add to style.scss:			    @import "../node_modules/bootstrap/scss/bootstrap";

Add to angular-cli.json:		In "scripts" section:
								"../node_modules/jquery/dist/jquery.js",
								"../node_modules/popper.js/dist/umd/popper.min.js",
								"../node_modules/tether/dist/js/tether.js",
								"../node_modules/bootstrap/dist/js/bootstrap.js"

Load Settings from file:

In app.modules.ts: 				Add this code before the @NgModule({}) declaration:
								export function InitConfig(settings: SettingsService) { return () => settings.LoadConf();}
								
								Add in the provider array this code:
								 {provide: APP_INITIALIZER, useFactory: InitConfig , deps: [SettingsService], multi: true}
								
In settings.service.ts			Add method:
								 LoadConf() {
									return new Promise((resolve, reject) => {
										this.http.get<any>('assets/config/config.json').subscribe((conf: any) => {
										this.settings = conf;
										resolve();
									}, error => reject());
									});
								}

angular-utility's People

Contributors

lukeiszed avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.