问题标签 [aurelia-templating]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
26 浏览

aurelia - 在转发器中使用 @computedFrom 数组

这可能吗?似乎无法让它工作。尝试使用计算源动态生成数组并使用转发器显示条目。

0 投票
0 回答
33 浏览

javascript - Aurelia bindingContext 未定义

我有一个显示在特定视图中的组件。我现在也使用该组件<compose>在弹出窗口中显示它。该组件中有几个组件。示例代码将是这样的:

这显然不是实际代码,我只是展示它是如何设置的。原因是当我添加外部时,应该在内部组件中if.bind进入的 bindingContext现在是 但是这只是在组件的原始视图中,而不是在新的弹出视图中。在我添加外部之前,它对原始视图工作正常(弹出视图还不存在)我错过了什么?bind()undefinedif

0 投票
1 回答
123 浏览

typescript - Aurelia:自定义属性的主要属性的数据绑定问题

我现在正在学习 Aurelia 几个星期,我似乎遇到了自定义属性的数据绑定问题。

我创建了以下square自定义属性(基于Aurelia 网站上“模板:自定义属性”指南中的示例):

方.ts:

我希望这个自定义属性可以在没有显式绑定的情况下使用,在这种情况下它应该使用默认值,就像在这个消费视图中一样:

应用程序.html:

上面的代码工作正常。div它将100px 边和红色背景渲染为正方形。

当我将color属性设置SquareCustomAttribute为主要属性(使用@bindable的配置对象参数)时出现问题,如下所示:

更新 square.ts:

出于某种原因,设置color为自定义属性的主要属性,colorChanged回调现在被调用两次:首先由构造函数使用默认值,然后再次从生命周期初始化的某个地方使用空值。

如何避免第二次调用回调,以便当我没有在消费视图的 HTML 标记中colorChanged明确提供属性的绑定/值时,我的自定义属性的主要属性的默认值不会被清除?square

0 投票
0 回答
409 浏览

javascript - Aurelia 在条件下使用 if.bind?

我正在实现一个包含 10 个视图的页面,这些视图基于一个名为 currentView 的变量来隐藏/显示。

我使用 ${} 语法和我自己的隐藏/显示类来工作......

...但我想知道是否有一种简单的方法可以使用 if.bind 完成同样的事情?

0 投票
0 回答
55 浏览

aurelia - 在 aurelia 中编写可重用组件/customElement 的最佳方法是什么?

我需要创建多个具有相同 html 结构的表,但每个表的数据和列都不同。所以我想创建一个具有通用 html 结构并且可以获取列和数据作为参数的表组件,我不确定在 aurelia 中哪种方法是最好的方法。

应用程序.html

另一个-table.html

表组件.js

表组件.html

  1. 使用上面的 compose 并传递数据是正确的方法,还是有更好的方法来处理动态数据?
  2. 计划根据表格在组合中传递列标题
0 投票
1 回答
80 浏览

javascript - 如何在aurelia重复中将字符串转换为表达式(值)?

重复for循环中使用的数组

模板

组件方法

实际上我想在模板中显示如下

由于我想循环通过动态 loopArr,而不是使用 eval 从字符串转换为值,有没有更好的方法来计算字符串的值?此外, eval 不适用于多行语句,是否有任何其他方法/方式来处理上述问题?

如何将字符串转换为值并在 aurelia 模板中显示?

任何帮助,将不胜感激!

0 投票
1 回答
25 浏览

html - 如何根据不同的 md-select 选项加载 md-select(绑定问题)

您好,我对 aurelia js 很陌生,我遇到了一个绑定问题,我在页面上有两个 md-select 下拉菜单,当表单加载时,它会填充商店列表,如下所示

您可以看到我有一个change.delegate="getItems(addShopProfile.shopId)">原因,我希望下面的下拉菜单根据商店 ID 加载商店的商品

现在,仅当我单击选择选项以更改商店时才加载项目(这是正确的)。如果商店在表单上加载,除非我点击它,否则该商店的商品不会显示。

我如何绑定项目选择选项以在商店已经加载时立即加载,而不必在第一次出现时单击商店选择选项来更改它

0 投票
1 回答
116 浏览

typescript - 将 Aurelia TS 变量中的 HTML 输出到视图中

我有一个 Aurelia 应用程序,它的工作原理如下:

测试.ts

然后在视图中,我想让 HTML 呈现而不是字符串。

测试.html

问题是屏幕上的输出因此包含<i></i><br />标签,但我希望它在呈现时表现得像普通的 HTML。

这在 Aurelia 中是如何实现的?数据是安全的(不包含任何脚本标签)。

0 投票
1 回答
36 浏览

aurelia - Aurelia:使用索引值来增加输入绑定中的数组值

我正在尝试在 value.bind 指令中增加一个数组值,以便在此示例中创建三行,增加数组编号:

我尝试了几种排列方式({$i} 等),但似乎没有任何效果。

0 投票
1 回答
38 浏览

javascript - 想创建n级菜单组件

我正在使用 aurelia 和 ES6 创建一个级别菜单组件。我得到的json是:

在 HTML 中,我在数据上直接使用 repeat.for 显示基本级别。

我想在点击时添加子项目。我尝试了两种方法。

第一次我使用 aurelia 模板引擎添加子 div。

这种方法的问题是数据在各个层面都在变化。

然后我尝试使用另一种方法来附加 div。

现在我遇到的问题是,当我单击 1 级子项时,我将 parentDiv 设置为未定义。

请帮助我解决我的方法出错的地方以及是否有其他方法可以实现它?