https://github.com/michaeldimmitt/angular-component

Code for Advanced Angular Components Programming Talk.
https://github.com/michaeldimmitt/angular-component

angular-components angular8 presentation talk typescript

Last synced: 26 days ago
JSON representation

Code for Advanced Angular Components Programming Talk.

• Host: GitHub
• URL: https://github.com/michaeldimmitt/angular-component
• Owner: MichaelDimmitt
• Created: 2020-05-19T05:18:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-02-14T16:31:06.000Z (almost 4 years ago)
• Last Synced: 2024-10-25T05:59:33.660Z (2 months ago)
• Topics: angular-components, angular8, presentation, talk, typescript
• Language: TypeScript
• Homepage:
• Size: 362 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Two Advanced Angular Components

```

1. ngTemplateOutlet - ( ng-template and ng-container )

   a) store variables in the template.

   b) reuse html without creating a new component.

   c) ng-container … to add additional ngFor’s or ngIf’s

2. Decorator Component

   a) uses ngTemplateOutlet to render .

   b) parent component -> middle decorator component -> child component.

``` 

## Installation:

```bash

git clone ;

cd ;

npm install;

npm start;

```

## Example Scaffold:

ng g component customer-dashboard/components/smart-list

## Why? 

this project was created to add ngx admin to an existing application instead of using it as a starter project 🐉

## Angular info for other developers

Scaffolding feature-modules with scaffolded components:


https://angular.io/guide/feature-modules

Link to presentation: 

https://docs.google.com/presentation/d/1iR1QiYsMq4BRo6Rs7pYDsqarBN0E8ckesEdygdv6enI/edit?usp=sharing