Angular

Quick Start

Creating Project

ng new project

export services and components and define the index.ts at the component folder

export * from './alert.service';
export * from './authentication.service';
export * from './user.service';

so the service and component could be imported by using

import { UserService, AuthenticationService } from '@app/_services';
define the prefix at tsconfig.json

"paths": {

   "@app/*": ["src/app/*"],

   "@environments/*": ["src/environments/*"]

}

Providing Services - the Scope

https://angular.io/guide/providers

NgModules

https://ithelp.ithome.com.tw/articles/10195338

pipe, refer to

{{today | date:'yyyy/MM/dd HH:mm:ss'}}

directive

*ngFor // it's structural directive
 [(ngModel)]  // it's property directive

Resources

Angular 深入淺出三十天

https://ithelp.ithome.com.tw/articles/10202827

https://ithelp.ithome.com.tw/articles/10192286

NgClass: How to assign CSS classes in Angular

https://malcoded.com/posts/angular-ngclass

Angular Official Tutorial

https://angular.io/tutorial/toh-pt6

Angular Pipe

https://ithelp.ithome.com.tw/articles/10204799

Angular Fallback Filter

https://stackoverflow.com/questions/38516667/springboot-angular2-how-to-handle-html5-urls https://github.com/mgechev/angular-seed/wiki/Deploying-prod-build-to-Apache-2

LoDash

https://ithelp.ithome.com.tw/articles/10157832

Build Module and Library

https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

https://medium.com/@faxemaxee/building-and-publishing-angular-libraries-using-angular-cli-140057d21101

Use ng-packagr

https://juejin.im/post/5bab64826fb9a05d2c43b3b4

Use Path

https://stackoverflow.com/questions/43281741/how-to-use-paths-in-tsconfig-json

User Registration and Login Example

http://jasonwatmore.com/post/2018/10/29/angular-7-user-registration-and-login-example-tutorial

Use External Javascript

https://stackoverflow.com/questions/49526681/how-to-call-javascript-functions-from-typescript-in-angular-5

https://medium.com/@davembush/adding-css-and-javascript-to-an-angular-cli-project-2b843a8283f3

AuthGuard

http://jasonwatmore.com/post/2016/12/08/angular-2-redirect-to-previous-url-after-login-with-auth-guard

Interceptor

https://wellwind.idv.tw/blog/2017/10/29/angular-advanced-handle-http-request-with-interceptor/

Add Class

https://yiyingloveart.blogspot.com/2016/07/typescript-tsconfigjson.html

Using Angular Form

https://ithelp.ithome.com.tw/articles/10187011

Angular Modules

https://appdividend.com/2018/12/09/how-to-create-angular-modules-to-organize-code/

Angular JWT

https://www.toptal.com/angular/angular-6-jwt-authentication

PrimeNg - user interface suits

https://www.primefaces.org/primeng/#/

Sources Angular To Do List Tutorial Source

https://github.com/quantificial/to-do-list.git