awesome-angular-tables.md

Awesome Angular Tables

Compiler ranges

@types/node	@angular/cli	@angular/compiler-cli	typescript	Comments
node -v	ng -v		tsc -v
	1.2.*	>=2.3.1 <3.0.0	>=2.0.2 <2.3.0
6.9+	1.4.*	>=4.0.0 <5.0.0	>=2.1.0 <2.4.0	cli 1.4.9 produces "core": "4.2.4", "typescript": "2.3.3"
6.9+	1.5.*	>=5.0.0 <5.1.0	>=2.4.2 <2.5.0	cli 1.5.0 produces "core": "5.0.0", "typescript": "2.4.2"
6.9+	1.6.*	>=5.1.0 <5.2.0	>=2.4.2 <2.6.0	cli 1.6.3 produces "core": "5.1.0", "typescript": "2.4.2"
6.9+	1.7.*	>=5.2.0 <6.0.0	>=2.4.2 <2.7.0	cli 1.7.3 produces "core": "5.2.0", "typescript": "2.5.3"
8.9+	6.0.*	>=6.0.0 <7.0.0	>=2.7.0 <2.8.0	cli 6.0.0 produces "core": "6.0.0", "typescript": "2.7.2"
x.x+		>=7.0.0 <8.0.0

Usage

Get dependencies from an Angular version that differs from you current CLI:

# switch node version
nvm list
nvm use 6.9.0
# use non-global cli
npm install @angular/[email protected]
ng new myNg520project

package.json

  "dependencies": {
    "@angular/core": "^5.2.0",
    ...
  "devDependencies": {
    "@angular/cli": "~1.7.3",
    "@angular/compiler-cli": "^5.2.0",
    "@types/node": "~6.0.60",
    "typescript": "~2.5.3",

• angular-cli dependency on typescript - scroll down to versionCombos
• Version comparer (ng5 vs ng6) - scroll down to package.json
• Upgrade to ng6

APIs

• Angular

Type	Name
@	Decorator
C	Class
D	Directive
E	Enum
F	Function
I	Interface
K	Const
P	Pipe
T	Type Alias

@ Decorators

npm	Name	Properties
@angular/core	@Component({})	changeDetection?: ChangeDetectionStrategy viewProviders?: Provider[] moduleId?: string templateUrl?: string template?: string styleUrls?: string[] styles?: string[] animations?: any[] encapsulation?: ViewEncapsulation interpolation?: [string, string] entryComponents?: Array<Type<any>¦any[]> preserveWhitespaces?: boolean // inherited from core/Directive selector?: string inputs?: string[] outputs?: string[] host?: {[key: string]: string} providers?: Provider[] exportAs?: string queries?: {[key: string]: any}
@angular/core	@Directive({})	selector?: string inputs?: string[] outputs?: string[] host?: {[key: string]: string} providers?: Provider[] exportAs?: string queries?: {[key: string]: any}
@angular/core	@Inject({}) on parameters	token: any
@angular/core	@Injectable()
@angular/core	@Input({})	bindingPropertyName?: string
@angular/core	@NgModule({})	providers?: Provider[] declarations?: Array<Type¦any[]> imports?:Array<Type<any>¦ModuleWithProviders¦any[]> exports?: Array<Type<any>¦any[]> entryComponents?: Array<Type<any>¦any[]> bootstrap?: Array<Type<any>¦any[]> schemas?: Array<SchemaMetadata¦any[]> id?: string
@angular/core	@Optional() on parameters
@angular/core	@Output({})	bindingPropertyName?: string
@angular/core	@Pipe({})	name: string pure?: boolean

Links

• Ionic Troubleshooting

The End