함수: injectQueuedValue()

호출 시그니처

function injectQueuedValue<TValue, TSelected>(
   value, 
   options?, 
selector?): QueuedSignal<TValue, TSelected>;

정의 위치: angular-pacer/src/queuer/injectQueuedValue.ts:31

선택적 지연을 적용해 상태 변경을 순서대로 처리하는 큐 값을 생성하는 Angular 함수입니다. 이 함수는 내부적으로 injectQueuedSignal을 사용하여 상태 변경 큐를 관리하고 순차적으로 적용합니다.

큐 값은 변경을 받은 순서대로 처리하며, 각 변경 처리 사이에 선택적 지연을 적용할 수 있습니다. 애니메이션이나 순차적 UI 업데이트처럼 특정 순서로 처리해야 하는 상태 업데이트를 다룰 때 유용합니다.

이 함수는 다음 요소를 포함하는 튜플을 반환합니다.

• 현재 큐 값을 제공하는 Signal
• 제어 메서드를 제공하는 큐어 인스턴스

타입 매개변수

TValue

TValue

TSelected

TSelected extends Pick<QueuerState<TValue>, "items"> = Pick<QueuerState<TValue>, "items">

매개변수

value

Signal<TValue>

options?

QueuerOptions<TValue>

selector?

(state) => TSelected

반환값

QueuedSignal<TValue, TSelected>

예시

const initialValue = signal('initial')
const queued = injectQueuedValue(initialValue, {
  wait: 500,
  started: true,
})

// Add changes to the queue
queued.addItem('new value')

호출 시그니처

function injectQueuedValue<TValue, TSelected>(
   value, 
   initialValue, 
   options?, 
selector?): QueuedSignal<TValue, TSelected>;

정의 위치: angular-pacer/src/queuer/injectQueuedValue.ts:42

선택적 지연을 적용해 상태 변경을 순서대로 처리하는 큐 값을 생성하는 Angular 함수입니다. 이 함수는 내부적으로 injectQueuedSignal을 사용하여 상태 변경 큐를 관리하고 순차적으로 적용합니다.

큐 값은 변경을 받은 순서대로 처리하며, 각 변경 처리 사이에 선택적 지연을 적용할 수 있습니다. 애니메이션이나 순차적 UI 업데이트처럼 특정 순서로 처리해야 하는 상태 업데이트를 다룰 때 유용합니다.

이 함수는 다음 요소를 포함하는 튜플을 반환합니다.

• 현재 큐 값을 제공하는 Signal
• 제어 메서드를 제공하는 큐어 인스턴스

타입 매개변수

TValue

TValue

TSelected

TSelected extends Pick<QueuerState<TValue>, "items"> = Pick<QueuerState<TValue>, "items">

매개변수

value

Signal<TValue>

initialValue

TValue

options?

QueuerOptions<TValue>

selector?

(state) => TSelected

반환값

QueuedSignal<TValue, TSelected>

예시

const initialValue = signal('initial')
const queued = injectQueuedValue(initialValue, {
  wait: 500,
  started: true,
})

// Add changes to the queue
queued.addItem('new value')