wehub-resource-sync
50 lines
1.2 KiB
Markdown
50 lines
1.2 KiB
Markdown
## Examples
|
|
|
|
##### Simple Component
|
|
|
|
Generate a component named `Card` at `apps/my-app/src/lib/card/card.ts`:
|
|
|
|
```bash
|
|
nx g @nx/angular:component apps/my-app/src/lib/card/card.ts
|
|
```
|
|
|
|
##### Without Providing the File Extension
|
|
|
|
Generate a component named `Card` at `apps/my-app/src/lib/card/card.ts`:
|
|
|
|
```bash
|
|
nx g @nx/angular:component apps/my-app/src/lib/card/card
|
|
```
|
|
|
|
##### With Different Symbol Name
|
|
|
|
Generate a component named `Custom` at `apps/my-app/src/lib/card/card.ts`:
|
|
|
|
```bash
|
|
nx g @nx/angular:component apps/my-app/src/lib/card/card --name=custom
|
|
```
|
|
|
|
##### With a Component Type
|
|
|
|
Generate a component named `CardComponent` at `apps/my-app/src/lib/card/card.component.ts`:
|
|
|
|
```bash
|
|
nx g @nx/angular:component apps/my-app/src/lib/card/card --type=component
|
|
```
|
|
|
|
##### Single File Component
|
|
|
|
Create a component named `Card` with inline styles and inline template:
|
|
|
|
```bash
|
|
nx g @nx/angular:component apps/my-app/src/lib/card/card --inlineStyle --inlineTemplate
|
|
```
|
|
|
|
##### Component with OnPush Change Detection Strategy
|
|
|
|
Create a component named `Card` with `OnPush` Change Detection Strategy:
|
|
|
|
```bash
|
|
nx g @nx/angular:component apps/my-app/src/lib/card/card --changeDetection=OnPush
|
|
```
|