Gói

@lia-labs/sdk-angular

Sao chép trang

Angular signals cho Lia SDK. hàm inject* cho trạng thái của Lia, và các nút tồn tại lâu dài như thành phần.

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

Angular 17 hoặc sau đó. Tất cả từ @lia-labs/sdk được xuất khẩu lại. Các inject* hàm chạy trong một ngữ cảnh tiêm (một thành phần'các hàm dựng hoặc các trình khởi tạo trường, hoặc runInInjectionContext) và dọn dẹp khi nó'bị xóa.

#Một ứng dụng

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();
    });
  }
}

#Chức năng

Chức năng	Cung cấp cho bạn
`injectInit(options?)`	Một tín hiệu của `{ status, result, error }`. Gọi `init()` một lần.
`toLiaSignal(value)`	Một giá trị SDK bất kỳ dưới dạng tín hiệu chỉ đọc.
`injectPlayer()`, `injectMode()`, `injectLanguage()`, `injectRtl()`, `injectColorScheme()`, `injectThemeParams()`, `injectViewport()`, `injectSafeArea()`, `injectContentSafeArea()`, `injectIsFullscreen()`, `injectStartParam()`, `injectSoundOn()`, `injectNotificationsAllowed()`	Lia'trạng thái như các tín hiệu chỉ đọc.
`injectLiaEvent(event, handler)`	Lắng nghe một trong Lia'sự kiện.
`injectBannerAd(position?)`, `injectBanner()`, `injectNativeAd()`	Gắn một thanh thông báo Lia bên cạnh trang của bạn (thanh này sẽ ngắn lại để vừa với nó): `"bottom"`, `"top"`, cho thành phần'cuộc sống; và banner và quảng cáo native hiện tại.
`injectMainButton(options)`, `injectSecondaryButton(options)`	Hiển thị nút cho thành phần'cuộc sống. Trả về `{ update(options), dispose() }`.
`injectBackButton(onBack)`, `injectSettingsButton(onOpen)`	Hiển thị nút tiêu đề cho thành phần'cuộc sống.
`injectClosingConfirmation()`, `injectVerticalSwipesDisabled()`	Đối với thành phần'cuộc sống.

Để theo dõi một tín hiệu, cập nhật nút trong một hiệu ứng:

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

Được dịch tự động. Tiếng Anh là nguồn tin cậy. Đọc bằng tiếng Anh