问题标签 [aurelia-templating]

我目前在 a 上使用 customAttribute<th>将列排序添加到表中。

我通过在我的自定义属性 VM 中使用以下内容实现了这一点；

还有我的简单观点；

我已经编写了简单的逻辑来在单击排序图标时对数据进行排序。

我遇到的问题是我希望整个列标题都是一个链接，而不仅仅是图标。上面的代码将我的 CustomAttribute VM 添加到元素中。有办法吗？

1. 获取元素的内容（所以，列名）
2. 在我的视图中使用这些内容
3. 用我的视图替换元素的内容（而不是将我的视图附加到元素中）

在 Aurelia 中，当我想访问作为 aurelia 自定义元素的 DOM 元素的视图模型时，我可以使用auAurelia 附加的属性，例如componentElement.au.controller.viewModel.

当我的自定义元素是无容器的（@containerless类级别的属性）时，该属性au不可用。

这个要点证明了这一点： https ://gist.run/?id=928f97f49c01c1db10d8bf4399f5c335

当我只有对其 DOM 元素的引用时，如何访问无容器自定义组件的视图模型？

试图让 Aurelia 撰写无 ViewModel 的工作并遇到一些问题。

我的项目有问题，所以为了测试我克隆了骨架打字稿项目。我在 src 目录中创建了一个 test.html 页面，其中包含以下内容<template><div>Hi I'm a test message</div></template>。然后，在welcome.html 页面中，我在提交按钮之前添加了以下内容 <template><compose view="./test.html"></compose></template>。

它不会显示我是否做错了什么（根据文档，这是它的完成方式）还是 aurelia 的模板资源有问题？

我在 Aurelia 的 Gitter 频道上问过，但没有得到回复，我不想就模板资源提出问题，以防万一我这样做很愚蠢，所以我想我会先在这里问。

为什么 SVG 中的自定义元素不可见？

使用 Aurelia 编写 Svg 类似于编写 html。您必须确保任何自定义元素都是无容器实现的（通过使用 `@containerless' 属性装饰 ViewModel 或向自定义元素标签添加属性 'containerless'。SVG 对未在具有错误值类型的规范和属性。

即使您已将它们设置为无容器，即使自定义元素已添加到 DOM 中，它们仍然可能不会显示。

签出这个 GistRun。您会期望 DOM 中存在两个白色矩形，位于其他元素上方。但它们是不可见的。

我想导入到我的主要 html 中的一些其他部分，例如 heder、footer，所以我可以在 aurelia 中执行此操作吗？

我试过了，但没有奏效

正如您在下图中看到的那样，它对我不起作用。模板 html 出现在表格上方，而不是我预期的标题下方。

我想要做的是创建一个与表数据一起使用的可选过滤器组件。添加组件时，它应该在标题列下方显示一个额外的行，并带有输入/按钮，允许您在特定列上放置过滤器。

所以很明显我做错了什么，或者做我不应该做的事情。如果是这样，我该如何正确注入filter-table组件的模板？

我的app.html.

我的table-filter组件。

我非常清楚我可以使用以下方法清理内部 HTML 绑定数据：

但是，根据我的观察，这种清理只会删除<script>标签。它不会保护用户免受事件驱动的内容的影响，例如：

有没有更好的方法来防止在元素上呈现任何类型的 javascript 或事件回调？

我有带有中继器的模板：

打印结果：

child-item如果我使用具有相同模板的自定义元素：

并使用以下方法编写我的原始示例child-item：

结果只有：

有没有办法将 $parent 和 $index 透明地传播到child-item?

更新

在尝试了一些建议之后，我最接近的是：

模板child-item如下所示：

直接绑定$parent上下文parent.bind="$parent"不起作用。必须直接绑定父索引。使用这种方法，任何内联$parent.$parent.$index都无法实现。

我已经构建了一个带有一些命名插槽的自定义元素，如下所示：

我像这样使用它：

但是，如您所见，这会导致我的 DOM 看起来像header > div > content，footer > div > content等等。

我想我可以使用 a templateelement 而不是 adiv来摆脱不必要的（有时是风格破坏）div，不幸的是这似乎不起作用：

有没有办法将多个元素发送到一个插槽而不先包装它们？

参考以下帖子StackOverflow 问题我有一个完全不同的场景，我想知道 Aurelia 是否有解决方案。

设想：

我有一个用户模型：

如您所见，“地址”是一个子模型。

我有一个主视图模型“注册”。在这个视图模型中，我有一个模型“用户”：

除此之外，我还有一个自定义元素“用户地址”，其中我有一个“用户地址”模型（因为我想要专门封装的自定义元素）。

现在我只想从 API 请求用户模型一次并将用户地址发送到自定义元素：

最后，如果用户已经加载，我将（拥有可以在任何地方使用的专用封装自定义元素）检查附加方法，如果没有，则自定义元素将加载所有需要的数据：

1. 问题 1：我知道，上面提到的模板dj.address.bind不起作用。但现在我的问题是，我该如何处理这种情况？
2. 问题 2：我如何保证用户对象只被请求一次？
3. 我的概念有意义吗？这是否是 Aurelia 的想法？