AerTS语言的UI中怎么将2和A【 new zhanghao('1','2')， new zhanghao('2','3')】数组中的第一个数近行匹配

在AerTS语言的用户界面(UI)中，如果你想将数组`[new zhanghao('1','2'), new zhanghao('2','3')]`中的元素按照第一个数字进行近行匹配显示，通常需要创建一个布局容器，并利用AerTS提供的动态生成或数据绑定功能来实现。以下是一个简化的步骤：

1. 首先，你需要创建一个适合展示这种结构的数据容器，比如一个表格（Table）或者列表（List）组件。

2. 定义一个数据模型类（如Zhanghao），包含两个属性（如ID和值，例如id和value）：

class Zhanghao {
    constructor(id, value) {
        this.id = id;
        this.value = value;
    }
}

3. 创建数组时，实例化Zhanghao对象：

let data = [
    new Zhanghao('1', 'two'), // 注意这里的键应该是字符串形式
    new Zhanghao('2', 'three')
];

4. 然后，在UI中，你可以遍历这个数据数组，并将其作为数据源绑定到表格或列表组件上。比如用一个二维数组表示每一行：

let tableData = data.map(zhanghao => [zhanghao.id, zhanghao.value]);

5. 最后，在UI中设置组件的数据属性，使其根据`tableData`的内容渲染：

yourTableComponent.setData(tableData);

在这个过程中，UI会自动按第一个数（即id）对元素进行排序并近行显示。如果你想要保持原始顺序，可以考虑使用一个简单的索引数组作为列名。