Category Archives: angular4

how to know the bootstrap version in angular-cli

open the following file “../node_modules/bootstrap/dist/css/bootstrap.css”, can find the following from the header of the file /*! * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v5.0.0 … Continue reading

Posted in angular4, Bootstrap, Uncategorized | Leave a comment

install bootstrap with angular-cli

https://github.com/angular/angular-cli/wiki/stories-include-bootstrap Include Bootstrap Bootstrap is a popular CSS framework which can be used within an Angular project. This guide will walk you through adding bootstrap to your Angular CLI project and configuring it to use bootstrap. Using CSS Getting Started … Continue reading

Posted in angular4, Bootstrap, Uncategorized | Leave a comment

add child to a route

use {path:’xx’, component:xxx, children:[{…}]} the {path:’xx’, loadChildren:’…’} will not make it children, instead it will be the peer prefix based matching – it will match the url segment 1 by 1

Posted in angular4 | Leave a comment

apply custom pipe to whole app

create the pipe create a module and import/export the pipe import { KeysPipe } from ‘../keys.pipe’; @NgModule({ imports: [ CommonModule ], declarations: [KeysPipe], exports: [KeysPipe] }) for each app module, import the pipe module import { CpipeModule } from ‘app/util/cpipe/cpipe.module’; … Continue reading

Posted in angular4 | Leave a comment

support IE

go to polyfills.ts and uncomments those lines for IE /** IE9, IE10 and IE11 requires all of the following polyfills. **/ // import ‘core-js/es6/symbol’; // import ‘core-js/es6/object’; // import ‘core-js/es6/function’; // import ‘core-js/es6/parse-int’; // import ‘core-js/es6/parse-float’; // import ‘core-js/es6/number’; // … Continue reading

Posted in angular4, Uncategorized | Leave a comment