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

riyad

弹出窗口​

执行 Telegram 迷你应用程序 popup。

初始化​

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

1. import { initPopup } from '@telegram-apps/sdk';
   
2. 
   ) c0 ~7 b. ]" H
3. const popup = initPopup();

复制代码

打开新弹出式窗口​

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

1. popup
   
2.   .open({
   * c3 S/ N6 B* s" C4 ?. f
3.     title: 'Hello!',
   
4.     message: 'Here is a test message.',
   ( s5 T! p. P. R4 P* x! O: x% e: ^
5.     buttons: [{ id: 'my-id', type: 'default', text: 'Default text' }],
   $ b5 M* p! q+ p* Y4 \) [  N, q
6.   })
   
7.   .then(buttonId => {
   ( r; D* P" ?3 E2 A' a. \4 e& A
8.     console.log(
   
9.       buttonId === null
   
10.         ? 'User did not click any button'
    / i0 Z% Q9 f: y7 a7 l: L
11.         : `User clicked a button with ID "${buttonId}"`
    ( W2 W2 N! c- Q. X( m
12.     );
    ' `1 w4 D1 @$ ^+ Z; i3 n" x
13.   });
    
14. 
    
15. console.log(popup.isOpened); // true

复制代码

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

可被 跟踪 的事件列表：

! r9 M1 u" R' a

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

方法支持​

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

' a0 a6 t, S! z! `; x
5 j8 L3 U" O3 D5 B. I' `+ Y