+```
+
+**Correct:**
+
+```html
+{{ item.name }}
+}
+```
+
+**Correct:**
+
+```html
+{{ item.name }}
+
+ @for (item of items(); track item.id) {
+
+ }
+
+
+```
+
+### 13.8 Use Factory Providers for Complex Setup
+
+**Impact: MEDIUM** (Conditional service creation)
+
+Use `useFactory` with `inject()` for conditional service creation based on environment or runtime dependencies.
+
+**Incorrect:**
+
+```typescript
+// Conditional logic in service constructor couples to environment
+@Injectable({ providedIn: 'root' })
+export class LogService {
+ constructor() { if (environment.production) { /* ... */ } }
+}
+```
+
+**Correct:**
+
+```typescript
+{ provide: LogService, useFactory: () => {
+ const env = inject(ENVIRONMENT);
+ return env.production ? new ProdLogService() : new DevLogService();
+ },
+}
+```
+
+### 13.9 Use Functional Route Guards
+
+**Impact: HIGH** (Protects routes, cleaner than class guards)
+
+Use functional `CanActivateFn` guards with `inject()` instead of class-based guards. Return `true`, `false`, or `UrlTree` for redirects.
+
+**Example:**
+
+```typescript
+export const authGuard: CanActivateFn = () => {
+ const auth = inject(AuthService);
+ const router = inject(Router);
+ return auth.isAuthenticated() || router.createUrlTree(['/login']);
+};
+// Usage: { path: 'dashboard', canActivate: [authGuard] }
+```
+
+### 13.10 Use Functional Route Resolvers
+
+**Impact: MEDIUM** (Preloads data before navigation)
+
+Use functional `ResolveFn