Paquets

@lia-labs/sdk-angular

Copier la page

Les signaux Angular pour le Lia SDK. fonctions inject* pour l'état de Lia, et des boutons qui vivent aussi longtemps que le composant.

npm install @lia-labs/sdk @lia-labs/sdk-angular

Angular 17 ou versions ultérieures. Tout depuis @lia-labs/sdk est réexporté. Le inject* les fonctions s'exécutent dans un contexte d'injection (un composant'le constructeur ou les initialiseurs de champ, ou runInInjectionContext) et nettoyez lorsqu'elle'détruit.

#Une application

import { Component, effect } from '@angular/core';
import { injectBackButton, injectInit, injectLanguage, injectMainButton, isLia, mockLia, pay, ready } from '@lia-labs/sdk-angular';

if (!isLia()) mockLia();

@Component({
  selector: 'app-root',
  standalone: true,
  template: `
    @if (lia().status === 'ready') {
      <h1>Hello, &#64;{{ lia().result?.player?.name }} ({{ language() }})</h1>
    }
  `,
})
export class AppComponent {
  lia = injectInit();
  language = injectLanguage();
  mainButton = injectMainButton({ text: 'Buy extra lives', onClick: () => pay('extra-lives') });

  constructor() {
    effect(() => {
      if (this.lia().status === 'ready') ready();
    });
  }
}

#Fonctions

Fonction	Vous donne
`injectInit(options?)`	Un signal de `{ status, result, error }`. Appels `init()` une fois.
`toLiaSignal(value)`	N'importe quelle valeur SDK en tant que signal en lecture seule.
`injectPlayer()`, `injectMode()`, `injectLanguage()`, `injectRtl()`, `injectColorScheme()`, `injectThemeParams()`, `injectViewport()`, `injectSafeArea()`, `injectContentSafeArea()`, `injectIsFullscreen()`, `injectStartParam()`, `injectSoundOn()`, `injectNotificationsAllowed()`	Lia'son état en signaux en lecture seule.
`injectLiaEvent(event, handler)`	Écoute l'une des Lia'les événements.
`injectBannerAd(position?)`, `injectBanner()`, `injectNativeAd()`	Ancre un bandeau Lia à côté de votre page (qui devient plus court pour s'y adapter) : `"bottom"`, `"top"`, pour le composant's durée de vie ; retourne une fonction qui l'arrête prématurément.
`injectMainButton(options)`, `injectSecondaryButton(options)`	Affiche le bouton pour le composant's durée de vie ; et le bannière et l'annonce native maintenant. `{ update(options), dispose() }`.
`injectBackButton(onBack)`, `injectSettingsButton(onOpen)`	Affiche le bouton de l'en-tête pour le composant's durée de vie. Retourne
`injectClosingConfirmation()`, `injectVerticalSwipesDisabled()`	Pour le composant's durée de vie. Retourne

Pour suivre un signal, mettez à jour le bouton dans un effet :

busy = signal(false);
button = injectMainButton({ text: 'Buy', onClick: () => this.buy() });
constructor() {
  effect(() => this.button.update({ text: 'Buy', isProgressVisible: this.busy(), onClick: () => this.buy() }));
}

Traduit automatiquement. L'anglais est la source de vérité. Lire en anglais