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)
|
||||
|
||||
### Eliminate Sequential Data Fetching
|
||||
|
||||
@@ -32,12 +32,17 @@ The `SKILL.md` file includes:
|
||||
|
||||
## Quick Reference
|
||||
|
||||
```typescript
|
||||
// Only show loading without data
|
||||
if (error()) return <ErrorState />
|
||||
if (loading() && !data()) return <SkeletonState />
|
||||
if (!data()?.length) return <EmptyState />
|
||||
return <DataDisplay data={data()} />
|
||||
```html
|
||||
<!-- Angular template pattern for data states -->
|
||||
@if (error()) {
|
||||
<app-error-state [error]="error()" (retry)="load()" />
|
||||
} @else if (loading() && !data()) {
|
||||
<app-skeleton-state />
|
||||
} @else if (!data()?.length) {
|
||||
<app-empty-state message="No items found" />
|
||||
} @else {
|
||||
<app-data-display [data]="data()" />
|
||||
}
|
||||
```
|
||||
|
||||
## Version
|
||||
|
||||
@@ -436,8 +436,6 @@ export class ApiService {
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
## 7. Component Composition & Reusability
|
||||
|
||||
### Content Projection (Slots)
|
||||
|
||||
Reference in New Issue
Block a user