Extra special directives, components, providers and pipes to aide in tackling everyday interface development needs in Angular. Demos and Examples here
Source Repository : src branch here
Table of Contents
npm install --save-dev web-animations-js ack-x ack-angular-fx ack-angular
ack-angular uses file based imports, importing the index does nothing.
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"
If you attempt to import any of the following, certain dependencies must have already been installed.
//requires @angular/router imports
import { RouteReporter } from "ack-angular/RouteReporter.directive"
import { RouteWatchReporter } from "ack-angular/RouteWatchReporter"
If you import the following files, make sure you have installed it's dependencies
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"
- Dependency Install
npm install @angular/router --save-dev
- Import Example :
- ack-angular/RouteWatchReporter.ts
- Import Example :
import { RouteWatchReporter } from "ack-angular/RouteWatchReporter"
- Dependency Install
npm install @angular/router --save-dev
- Import Example :
The Extended Documentation may help bring further understanding as to what is required and when to import dependencies
Directives and Components making development life more joyful
Include one file and access several
import { pipes as ackPipes , components as ackComps } from "ack-angular/declarations";
import { NgModule } from '@angular/core';
@NgModule({
declarations:[...ackComps, ...ackPipes]
})
Components that have additional dependencies or restrictions
A directive that exposes @angular/router metadata for use in a component template
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() ]
})
Everything in this topic is run in an command prompt terminal
Clone project source files
git clone -b src https://github.com/AckerApple/ack-angular
Install example dependencies
npm run build
Dev Project Watching
npm run watch
Before publishing, update the package version number in:
- package.json
- ack-angular/package.json
After running the build command:
- git push
/ack-angular
tomaster
branch - npm publish
ack-angular
folder - git push
/example/www/
togh-pages
branch - git push
/
tosrc
branch