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

riyad

弹出窗口​

执行 Telegram 迷你应用程序 popup。

初始化​

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

1. import { initPopup } from '@telegram-apps/sdk';
   3 g  u0 O- J  g: a
2. 
   
3. const popup = initPopup();

复制代码

打开新弹出式窗口​

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

1. popup
   3 L+ J( \" b9 o/ R
2.   .open({
   
3.     title: 'Hello!',
   / E: D6 a& Q3 i
4.     message: 'Here is a test message.',
   6 z2 h+ ]- B# b3 }& n9 M: k
5.     buttons: [{ id: 'my-id', type: 'default', text: 'Default text' }],
   
6.   })
   
7.   .then(buttonId => {
   
8.     console.log(
   
9.       buttonId === null
   
10.         ? 'User did not click any button'
    $ @: W* p3 J8 p. c, g7 e" d& P
11.         : `User clicked a button with ID "${buttonId}"`
    1 \1 F: n" Q6 R' v9 ?0 C+ r
12.     );
    & J! f% O$ C9 y
13.   });
    
14. 
    
15. console.log(popup.isOpened); // true

复制代码

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

可被 跟踪 的事件列表：

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

方法支持​

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

: }4 J5 c/ H1 {