fix(angular): Clean up formatting and fix JSX example in README
- Remove duplicate horizontal rules in angular/SKILL.md - Remove duplicate horizontal rules in angular-best-practices/SKILL.md - Fix React-style JSX in angular-ui-patterns/README.md to use Angular template syntax
This commit is contained in:
@@ -104,8 +104,6 @@ bootstrapApplication(AppComponent, {
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 2. Async Operations & Waterfalls (CRITICAL)
|
## 2. Async Operations & Waterfalls (CRITICAL)
|
||||||
|
|
||||||
### Eliminate Sequential Data Fetching
|
### Eliminate Sequential Data Fetching
|
||||||
|
|||||||
@@ -32,12 +32,17 @@ The `SKILL.md` file includes:
|
|||||||
|
|
||||||
## Quick Reference
|
## Quick Reference
|
||||||
|
|
||||||
```typescript
|
```html
|
||||||
// Only show loading without data
|
<!-- Angular template pattern for data states -->
|
||||||
if (error()) return <ErrorState />
|
@if (error()) {
|
||||||
if (loading() && !data()) return <SkeletonState />
|
<app-error-state [error]="error()" (retry)="load()" />
|
||||||
if (!data()?.length) return <EmptyState />
|
} @else if (loading() && !data()) {
|
||||||
return <DataDisplay data={data()} />
|
<app-skeleton-state />
|
||||||
|
} @else if (!data()?.length) {
|
||||||
|
<app-empty-state message="No items found" />
|
||||||
|
} @else {
|
||||||
|
<app-data-display [data]="data()" />
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
## Version
|
## Version
|
||||||
|
|||||||
@@ -436,8 +436,6 @@ export class ApiService {
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 7. Component Composition & Reusability
|
## 7. Component Composition & Reusability
|
||||||
|
|
||||||
### Content Projection (Slots)
|
### Content Projection (Slots)
|
||||||
|
|||||||
Reference in New Issue
Block a user