# หาบั๊กให้เจอ: Angular

> โค้ดหนึ่งชิ้น หาบั๊กให้เจอ หรือพิสูจน์ว่าไม่มีบั๊ก

ชาเลนจ์ประจำวัน: 2026-08-19 (UTC) · Mid-Level

```typescript
import { Injectable, Component } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class CartService {
  private itemsSubject = new BehaviorSubject<string[]>([]);
  items$ = this.itemsSubject.asObservable();

  add(item: string) {
    this.itemsSubject.next([...this.itemsSubject.value, item]);
  }
}

@Component({
  selector: 'app-cart-badge',
  template: `<span>{{ (items$ | async)?.length }}</span>`,
  providers: [CartService],
})
export class CartBadgeComponent {
  items$ = this.cart.items$;
  constructor(private cart: CartService) {}
}
```

## คำตัดสินของคุณ

- ช่องโหว่ความปลอดภัย
- บั๊กเชิงตรรกะ
- สไตล์โค้ด
- ไม่มีปัญหา

วันละหนึ่งครั้ง คำตอบจะแสดงทันทีหลังจากนั้น

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/th/daily/angular