问题标签 [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.
aurelia - 在转发器中使用 @computedFrom 数组
这可能吗?似乎无法让它工作。尝试使用计算源动态生成数组并使用转发器显示条目。
javascript - Aurelia bindingContext 未定义
我有一个显示在特定视图中的组件。我现在也使用该组件<compose>
在弹出窗口中显示它。该组件中有几个组件。示例代码将是这样的:
这显然不是实际代码,我只是展示它是如何设置的。原因是当我添加外部时,应该在内部组件中if.bind
进入的 bindingContext现在是 但是这只是在组件的原始视图中,而不是在新的弹出视图中。在我添加外部之前,它对原始视图工作正常(弹出视图还不存在)我错过了什么?bind()
undefined
if
typescript - Aurelia:自定义属性的主要属性的数据绑定问题
我现在正在学习 Aurelia 几个星期,我似乎遇到了自定义属性的数据绑定问题。
我创建了以下square
自定义属性(基于Aurelia 网站上“模板:自定义属性”指南中的示例):
方.ts:
我希望这个自定义属性可以在没有显式绑定的情况下使用,在这种情况下它应该使用默认值,就像在这个消费视图中一样:
应用程序.html:
上面的代码工作正常。div
它将100px 边和红色背景渲染为正方形。
当我将color
属性设置SquareCustomAttribute
为主要属性(使用@bindable
的配置对象参数)时出现问题,如下所示:
更新 square.ts:
出于某种原因,设置color
为自定义属性的主要属性,colorChanged
回调现在被调用两次:首先由构造函数使用默认值,然后再次从生命周期初始化的某个地方使用空值。
如何避免第二次调用回调,以便当我没有在消费视图的 HTML 标记中colorChanged
明确提供属性的绑定/值时,我的自定义属性的主要属性的默认值不会被清除?square
javascript - Aurelia 在条件下使用 if.bind?
我正在实现一个包含 10 个视图的页面,这些视图基于一个名为 currentView 的变量来隐藏/显示。
我使用 ${} 语法和我自己的隐藏/显示类来工作......
...但我想知道是否有一种简单的方法可以使用 if.bind 完成同样的事情?
aurelia - 在 aurelia 中编写可重用组件/customElement 的最佳方法是什么?
我需要创建多个具有相同 html 结构的表,但每个表的数据和列都不同。所以我想创建一个具有通用 html 结构并且可以获取列和数据作为参数的表组件,我不确定在 aurelia 中哪种方法是最好的方法。
应用程序.html
另一个-table.html
表组件.js
表组件.html
- 使用上面的 compose 并传递数据是正确的方法,还是有更好的方法来处理动态数据?
- 计划根据表格在组合中传递列标题
javascript - 如何在aurelia重复中将字符串转换为表达式(值)?
重复for循环中使用的数组
模板
组件方法
实际上我想在模板中显示如下
由于我想循环通过动态 loopArr,而不是使用 eval 从字符串转换为值,有没有更好的方法来计算字符串的值?此外, eval 不适用于多行语句,是否有任何其他方法/方式来处理上述问题?
如何将字符串转换为值并在 aurelia 模板中显示?
任何帮助,将不胜感激!
html - 如何根据不同的 md-select 选项加载 md-select(绑定问题)
您好,我对 aurelia js 很陌生,我遇到了一个绑定问题,我在页面上有两个 md-select 下拉菜单,当表单加载时,它会填充商店列表,如下所示
您可以看到我有一个change.delegate="getItems(addShopProfile.shopId)">
原因,我希望下面的下拉菜单根据商店 ID 加载商店的商品
现在,仅当我单击选择选项以更改商店时才加载项目(这是正确的)。如果商店在表单上加载,除非我点击它,否则该商店的商品不会显示。
我如何绑定项目选择选项以在商店已经加载时立即加载,而不必在第一次出现时单击商店选择选项来更改它
typescript - 将 Aurelia TS 变量中的 HTML 输出到视图中
我有一个 Aurelia 应用程序,它的工作原理如下:
测试.ts
然后在视图中,我想让 HTML 呈现而不是字符串。
测试.html
问题是屏幕上的输出因此包含<i>
、</i>
和<br />
标签,但我希望它在呈现时表现得像普通的 HTML。
这在 Aurelia 中是如何实现的?数据是安全的(不包含任何脚本标签)。
aurelia - Aurelia:使用索引值来增加输入绑定中的数组值
我正在尝试在 value.bind 指令中增加一个数组值,以便在此示例中创建三行,增加数组编号:
我尝试了几种排列方式({$i} 等),但似乎没有任何效果。
javascript - 想创建n级菜单组件
我正在使用 aurelia 和 ES6 创建一个级别菜单组件。我得到的json是:
在 HTML 中,我在数据上直接使用 repeat.for 显示基本级别。
我想在点击时添加子项目。我尝试了两种方法。
第一次我使用 aurelia 模板引擎添加子 div。
这种方法的问题是数据在各个层面都在变化。
然后我尝试使用另一种方法来附加 div。
现在我遇到的问题是,当我单击 1 级子项时,我将 parentDiv 设置为未定义。
请帮助我解决我的方法出错的地方以及是否有其他方法可以实现它?