Extra special directives, components, providers and pipes to aide in tackling everyday interface development needs in Angular2
npm install ack-angular



> Source Repository : src branch here
Table of Contents
- Install
- Importing into Project
- Dependency Map
- Components
- Work on This Project
- Building Example
- Resources
``bash`
npm install --save-dev web-animations-js ack-x ack-angular-fx ack-angular
#### Various Import Examples
`javascript
import { pipes, components } from "ack-angular"
//save as above
import { declarations as pipes } from "ack-angular/pipes"
import { declarations as components } from "ack-angular/declarations"
`
#### Dependency Based Import Examples
If you attempt to import any of the following, certain dependencies must have already been installed.
`javascript`
//requires @angular/router imports
import { RouteReporter } from "ack-angular/RouteReporter.directive"
import { RouteWatchReporter } from "ack-angular/RouteWatchReporter"
> You can ignore all of this if you used ack-webpack to install jsDependencies
- ack-angular/RouteReporter.directive.ts
- Import Example : import { RouteReporter } from "ack-angular/RouteReporter.directive"npm install @angular/router --save-dev
- Dependency Install import { RouteWatchReporter } from "ack-angular/RouteWatchReporter"
- ack-angular/RouteWatchReporter.ts
- Import Example : npm install @angular/router --save-dev
- Dependency Install
> The Extended Documentation may help bring further understanding as to what is required and when to import dependencies
`javascript
import { pipes as ackPipes , components as ackComps } from "ack-angular/declarations";
import { NgModule } from '@angular/core';
@NgModule({
declarations:[...ackComps, ...ackPipes]
})
`
javascript
import { RouterModule } from '@angular/router';
import { RouteWatchReporter } from "ack-angular/RouteWatchReporter"
import { RouteReporter } from "ack-angular/RouteReporter.directive"
import { NgModule } from '@angular/core';@NgModule({
imports:[ RouterModule.forRoot() ]
})
`Work on This Project
Everything in this topic is run in an command prompt terminalClone project source files
`bash
git clone -b src https://github.com/AckerApple/ack-angular
`Building Example
Install example dependencies
`bash
npm run build
`Dev Project Watching
`bash
npm run watch
`$3
Before publishing, update the package version number in:
- package.json
- ack-angular/package.json
After running the build command:
- git push
/ack-angular to master branch
- npm publish ack-angular folder
- git push /example/www/ to gh-pages branch
- git push / to src` branch