页面上的Aria标签未读取，带有typescript的HTML标记

使用：knockoutobservates、Typescript、Aria标签、HTML

我有一个像这样的typescript文件。加载时，它给出页面的基础（loadPage方法）。我在这个方法中的点击删除事件部分遇到了问题（它会执行一个KnockoutObservable检查，以查看用户试图采取的操作是否是删除），因为我试图分配一个aria标签来读取用户正在删除的特定项。但是由于loadPage按顺序处理和加载，还没有声明任何变量（我得到一个“初始化前使用的变量”错误），所以我还不能调用/引用任何变量

所有变量都在showAndHideElementsOnPage方法中声明，该方法是一个函数，它接受所有声明的变量，并根据它们的值显示和隐藏页面上的所有内容

我的解决方法是在loadPage方法之后创建第二个变量，并在声明变量之后在ShowandHideElementsOn页面中调用相同的knockout observable方法（检查用户是否试图删除项目），然后，如果单击以在aria标签文本中包含现在声明的变量，则重新分配与DELETE相对应的span标记。但即使有了这个解决方案，它仍然没有在页面上看到这个新的aria标签。本质上，我希望页面能够读取“Removing item[itemname]”，但它当前没有使用我尝试的以下方法读取任何内容：

public static loadPage =
    `<div class="classname">
        <!-- ko if: itemstoLoad() -->
            <!-- ko if: itemSelected() -->
                <span data-bind="element: label"></span>
            <!-- /ko -->
            <!-- ko if: !itemSelected() -->
                <span style="margin-left: 25px" data-bind="element: label"></span>
            <!-- /ko -->
            <!-- ko if: itemtoDelete() -->
                <span data-bind="clickevent: onClick>
                    <div style="width: 20px; height: 10px; margin-rightt: 15px" data-bind="picture: pic"></div>
                </span>
            <!-- /ko -->
        <!-- /ko -->
    </div>
    `;

//Declaring some variables to use
public var1: string;
public var2: boolean;
public workAroundMethod: string;

public showandHideElementsOnPage(functype: Interface) : void {
   this.var1 = somevariable;
   this.var2 = somevariable;
   workAroundMethod = 
       `<!-- ko if: itemtoDelete() -->
           <div>
               <span aria-label="Removing item ${var1}" data-bind="clickEvent: onClick"></span>
           </div>
        <!-- /ko -->
        `;
...
(rest of this function)
...
}

公共静态加载页=
`
您似乎缺少itemToDelete