使用 aurelia 在 VM 中创建视图元素

Creating view elements in VM using aurelia

我在这个要点中尝试做的事情可能吗？

在 app.html 中，我尝试使用 repeat.for 创建一个名为 button-row

的自定义元素

在 app.js 中，我正在创建两个按钮行实例，然后将它们放入按钮行数组中，以便我可以使用 repeat.for 对其进行迭代并在其上创建按钮行app.html 视图。

在 button-row.html 中，我有一个 repeat.for 使用 btns 数组创建按钮并设置按钮的名称。

在按钮-row.js中，我有两个属性。 label 是按钮行的标签，btns 是我要创建的所有按钮名称的数组。

抱歉，如果这是一个菜鸟问题，我只从事 Web 开发和 aurelia 大约一个月的时间。

您自己实例化 ButtonRow 对象是行不通的。 Aurelia 实例化实例。您需要使用绑定系统将信息传递给自定义元素。我在这里更新了你的要点：https://gist.run/?id=6ec71143f566571960b7a182d4d98ed4

此外，您应该避免使用 "Button" 之类的缩写词，让您的工具节省您的击键次数，同时让您的代码更具可读性:-)