Aurelia 有虚拟元素吗?

2024-02-10

Knockout JS有虚拟元素的概念。这些是“无头”元素,您可以将其绑定到没有 HTML 元素作为容器的元素。这允许您在不发出外部 HTML 的容器中绑定数组。

例如,在 Knockout JS 中,您可以执行以下操作:

<!-- ko foreach: items -->
  <li data-bind="text: $data"></li>
<!-- /ko -->

一系列li标签将在没有父元素的情况下发出。

Aurelia 提供类似的东西吗?我确实看到您可以在 Aurelia 中创建可以绑定的自定义元素,但这些自定义元素会作为 HTML 元素发送到 DOM。

例如,在 Aurelia 中您可以执行以下操作:

<foo repeat.for="item of items" foo.bind="item"></foo>

然而,这会发出foo元素标签。如何在 Aurelia 中完成类似的操作而不使用不需要的父元素标签?


谢谢詹姆斯·索普为我指明了正确的方向。奥里莉亚添加了一个@containerless您用来装饰自定义元素类的属性。当你这样做时,它会在没有容器的情况下进行渲染。

Example:

import {customElement, containerless} from 'aurelia-framework';

@customElement('foo')
@containerless
export class Foo {
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Aurelia 有虚拟元素吗? 的相关文章

  • 使用 CLI 清除客户端缓存

    我们正在使用aurelia cli 任务包括 build json build ts process css ts process markup ts process sass ts run json run ts test json te
  • 使用 aurelia-fetch-client 发布“x-www-form-urlencoded”内容

    问题很简单 如何发帖x www form urlencoded对 Aurelia Fetch 客户端满意吗 我需要将帖子发送到一个使用 OWIN 和 Katana 进行身份验证的简单 ASP NET Web API 服务器 我已经尝试过的一
  • 自定义 Aurelia 以使用 .cshtml

    我发现一篇非常有用的文章 展示了如何将 Razor 部分 cshtml 与 aurelia 一起使用 但是 我无法运行代码 并从 RobEisenberg 评论中得知 ConventionalViewStrategy convertModu
  • 如何使用 vs2017rc 创建 aurelia typescript 项目

    我是 aurelia 的新手 我需要创建一个框架的原型项目 一开始 我打算使用 sculpture typescript aspnetcore 框架 但是当我尝试 vs2017rc 时 我发现它使用 csproj 作为默认格式 而 vs20
  • Aurelia show.bind 是否有回调或承诺?

    在我的模板中 我想将一个 div 用作各种工具提示 当我选择模型时 会显示工具提示 然后我使用系绳将其放置在正确的位置 如果我在设置使元素显示的模型后立即设置 Tether 则它的大小无法正确计算 并且 Tether 不会正确限制约束 如果
  • Aurelia 动态绑定

    我创建了一个生成表格数据的自定义元素 出于充分的理由 这会生成实际的 HTML 并插入到 DOM 中 而无需使用模板 我需要将点击观察器附加到特定元素 以便我可以在自定义元素中运行函数来响应点击 如果使用模板 我会使用 click dele
  • Aurelia CLI 应用程序包自动更新变慢

    您好 我有一个在 Aurelia CLI 上运行的 Web 应用程序 从我读到的在文档中 http aurelia io hub html doc article aurelia framework latest the aurelia c
  • 我应该排除 .gitignore 中的 Aurelia 脚本文件夹吗?

    我是否应该将 Aurelia 项目的 scripts 文件夹放入 gitignore 中 因为据我所知 它们无论如何都会在每次运行时重建 我的 gitignore 当前包含 node modules jspm packages idea D
  • 如何在 Apache 服务器中部署 Web 应用程序 Aurelia?

    为了进行尝试 我使用了最新的 aurelia sculpture navigation 1 0 0 beta 1 0 1 为了在 Apache 服务器中部署 Aurelia Web 应用程序 我使用了 gulp export 命令 并将 e
  • DevExtreme 和 Aurelia 集成

    DevExtreme 支持角度指令 如图所示 我如何才能通过 Aurelia 实现同样的目标 显示集成的示例 https www youtube com watch v iIZj6hOFg0o https www youtube com w
  • aurelia - 示例,安装依赖项时出错

    我一直在关注 Aurelia 网站上的示例以及以下示例 http aurelia io hub html doc article aurelia framework latest contact manager tutorial 2 htt
  • Aurelia 的财产变更订阅

    我的视图模型上有一个属性 我想根据其值监听并触发事件 如下所示 class viewModel constructor this value 0 let val 2 subscribe this value callbackForValue
  • Reflect.getOwnMetadata 不是最新 Aurelia 的 karma 函数

    更新到最新版本的 Aurelia 3 月更新 beta 1 1 4 后 每次运行 karma 测试时都会收到以下错误 Error Reflect getOwnMetadata is not a function Error loading
  • 带有打字稿接口的 Aurelia DI

    我已经浏览了 Aurelia DI 的文档并查看了源代码 并想分享我想要实现的目标 这样如果我遗漏了一些明显的东西 我就可以被击落 我看过样品here https github com cmichaelgraham对于 Aurelia 的
  • 部署 aurelia.cli 构建的应用程序

    我已经构建了一个没有后端的简单 aurelia 网页 现在我有兴趣投入生产 我使用 Aurelia cli 进行捆绑 希望这会很简单 但我不确定如何继续 我应该将哪些文件上传到服务器才能使网站正常运行 谢谢您的帮助 简而言之 au buil
  • gulp 命令给出找不到模块的错误

    我正在尝试在 Windows 上设置基本的 aurelia 应用程序 我已遵循以下指示 http aurelia io get started html http aurelia io get started html 包括 安装节点js
  • Aurelia 自定义属性中的双向绑定

    UPDATE 看起来这是一个已知的错误 https github com aurelia templated issues 253 https github com aurelia templating issues 253我将其留在这里是
  • Aurelia:创建嵌套/多级导航菜单的简单方法

    我需要创建一个多级导航菜单 菜单的内容根据用户的不同而不同 我计划通过一个以 JSON 形式返回数据的服务来提取可包含子项数组的导航项集合 我见过的每个导航 路由示例都使用静态路由或单级菜单 我已经阅读了一些有关子路由的内容 但这似乎不是我
  • Aurelia 以 PHP 传递的参数开头

    我需要在开始时将参数传递给 Aurelia 根据传递的值 应用程序将具有不同的状态 该应用程序被注入到使用 PHP 构建的页面上 因此最好的方法是使用 PHP 代码指定的参数启动它 有什么办法可以做到这一点吗 您可以在普通 JS 中访问的任
  • Aurelia 验证规则:无法解析访问器函数

    看来其他地方也存在各种问题aurelia validation模块 但我还没有看到任何可以解决我遇到的具体问题的内容 我有一个模型类 其定义和验证规则如下 我的模型 js my model name full short Validatio

随机推荐