Блог

Я пытаюсь создать пользовательское действие в адаптивной карте, но не могу его создать. может ли кто-нибудь, пожалуйста, помочь мне

Данные карты

 {
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "TextBlock",
            "size": "Medium",
            "weight": "Bolder",
            "text": "Custom"
        }
    ],
    "actions": [
        {
            "type": "Action.Alert",
            "title": "Click me",
            "text": "Hello world!"
        }
    ]
}
 

Файл TypeScript — action.ts создан заново

 import * as AC from "adaptivecards";
export class AlertAction extends AC.Action {
    static readonly JsonTypeName = "Action.Alert";

    //#region Schema

    static readonly textProperty = new AC.StringProperty(AC.Versions.v1_0, "text", true);

    @AC.property(AlertAction.textProperty)
    text?: string;

    //#endregion

    getJsonTypeName(): string {
        return AlertAction.JsonTypeName;
    }

    execute() {
        alert(this.text);
    }
}
 

и согласно этой ссылке
https://docs.microsoft.com/en-us/adaptive-cards/sdk/rendering-cards/javascript/extensibility
Я не понимаю, куда добавить эту строку кода

AC.GlobalRegistry.actions.register(AlertAction.JsonTypeName, AlertAction);

Это код для рендеринга карты

 var jsonTemplate = "some data",
  var jsonDate = "some data"
var template = new ACData.Template(jsonTemplate);
var cardPayload = template.expand({
  $root: jsonData
});
var adaptiveCard = new AdaptiveCards.AdaptiveCard();
adaptiveCard.onExecuteAction = function(action) {
  alert("Ow!");
}
adaptiveCard.parse(cardPayload);
let renderedCard = adaptiveCard.render();
document.body.appendChild(renderedCard);
 

Я попытался добавить GlobalRegistry следующим образом

  import {AlertAction} from '../action' // Action file is a TS file 
    var adaptiveCard = new AdaptiveCards.AdaptiveCard();
            adaptiveCard.onExecuteAction = function(action) {
  alert("Ow!");
}
            adaptiveCard.GlobalRegistry.actions.register(AlertAction.JsonTypeName, AlertAction)
 

Я получаю сообщение об ошибке типа «ReferenceError: не удается получить доступ к ‘AlertAction’ перед инициализацией»