Telegram 小程序 | TypeScript @telegram-apps/sdk @1.x | 组件 | 弹出窗口

riyad

弹出窗口​

执行 Telegram 迷你应用程序 popup。

初始化​

要初始化组件，请使用 initPopup 函数：

1. import { initPopup } from '@telegram-apps/sdk';
   
2. 
   
3. const popup = initPopup();

复制代码

打开新弹出式窗口​

要打开弹出窗口，需要调用 open 方法，指定弹出窗口的属性：标题、 信息和最多 3 个按钮的列表。

1. popup
   8 t, \+ i' X2 q3 R
2.   .open({
   $ n! C  W& ^3 O
3.     title: 'Hello!',
   
4.     message: 'Here is a test message.',
   
5.     buttons: [{ id: 'my-id', type: 'default', text: 'Default text' }],
   
6.   })
   
7.   .then(buttonId => {
   
8.     console.log(
   . u9 f3 H9 a- f7 @
9.       buttonId === null
   * x& P& H* G3 I$ P3 B: R% d# c* h# I
10.         ? 'User did not click any button'
    
11.         : `User clicked a button with ID "${buttonId}"`
    6 z& w; v% B9 s
12.     );
    
13.   });
    
14. 
    ( ^* q: Q- ^* K5 p3 Q( @
15. console.log(popup.isOpened); // true

复制代码

该方法返回一个承诺，该承诺将与点击的按钮标识符一起实现。 在 的情况下，如果用户没有点击任何按钮，该方法将返回 null。事件​

可被 跟踪 的事件列表：

. _! q2 d+ m; R6 B

事件	监听器	触发条件
changed	() => void	组件中的某些部分发生了变化
changed:isOpened	(value: boolean) => void	更改了 isOpened 属性

: X; j1 F4 m* \! C0 |9 x! K$ u2 S/ p方法支持​

方法列表，可用于 支持检查：open