问题标签 [aurelia-templating]

我最近问为什么自闭合元素在 Aurelia 的模板系统中不起作用；这是因为自闭合元素是无效的 html。

然而，今天我再次犯了同样的错误（这次是使用小部件），并且对为什么缺少内容感到摸不着头脑。

问题：是否可以在 gulp 任务中清理 Aurelia 模板 html？

我试过使用：

• gulp-htmlhint: 无法在自闭元素上出错
• gulp-htmllint: 无法配置；使用默认设置，它会因错误而爆炸。
• gulp-html5-lint：看起来不可配置，它讨厌 aurelia 的属性。

想知道是否有人尝试将服务器返回的一段标记转换为可重用的 Aurelia 模板？

让我用一个简单的例子来解释我在说什么。假设服务器呈现一个页面，其中包含一个类别的产品列表。加载页面后，我想重用表示单个产品的标记，并使用 Aurelia 的转发器为另一个类别呈现产品列表。我正在寻找一种无需在客户端复制标记即可增强页面行为的方法。

因此，假设服务器返回类似的内容：

我想将<li>元素转换为 Aurelia 模板，这样我就可以使用标记来使用 Aurelaia 转发器呈现另一个项目列表，并动态加载数据。

我对如何实现它几乎没有什么想法，即从加载的页面中提取标记并将其传递给实现 InlineViewStrategy 的自定义元素。

我很好奇其他人会如何解决这个问题。

更新：

所以目前我添加了一个新的自定义属性“as-template”，它提取装饰元素的标记并将其保存为“item”模板。稍后在一个自定义元素中，我检索这个保存的标记并使用 ViewCompiler 编译它。

示例编译片段（不是我的实际代码）

自定义组件中是否可以有多个插槽？

IE

当我单击按钮#btn1或#btn2保存时，控制台会显示：

但是外部按钮#btn3工作正常。我也尝试$parent.save()过，#btn2但它不起作用。任何想法？

应用程序.html

创建-location.html

创建-location.js

更新 我尝试了法比奥的建议并且它有效。

另一个问题：看看aurelia dialog，他们在元素testDelegate内部调用 view-model 的函数，<content>类似于我的情况。他们不使用view-model.ref. 我查看了源代码，但我不知道他们在哪里处理该调用。也许我错过了一些观点或者这里有约定。有谁知道他们是怎么做到的？

我有一个与 DOM 密切相关的应用程序。我需要跟踪代表其背后对象的元素的大小和位置。

myViewModel.js

myViewModel.html

今天有没有办法做到这一点？

我发现了一篇非常有用的文章，展示了如何将 Razor partials (cshtml) 与 aurelia 一起使用。但是，我无法让代码运行并从 RobEisenberg 评论中了解到

已被弃用。他评论说“你想使用 ViewLocator 服务”。我关注了 gitHUb 项目，但看不出它与我使用 MVC5 和 Razor Partials 直接相关。所以我很困惑。

这是我希望可以调整的示例 main.js 文件，以便将 aurelia 路由到 Home/Index/Index.cshtml 而不是 index.html

谁能告诉我如何在 MVC5 项目中设置 aurelia 以使用 .cshtml 而不是 .html 模板？我正在使用 Typescript 和 VS2015

我在我的 Aurelia 项目中使用 bootstrap3-dialog，那么，有没有办法在视图模型中编译模板？喜欢

消息参数有一个自定义属性select2，但在这段代码中没有效果

I'm trying to create an Aurelia element inside of another element. I'm using the docking framework from phosphor and when I dynamically create a panel I want to add a component which I've build using Aurelia.

For example: I have a very simple logging component:

Logging.html

Logging.ts:

The component works as expected when I "just put it on the page".

Now inside of some method which creates the phosphor Widget I have something like this:

This code, given a phosphor panel, creates a Widget, creates an element which looks like: <logging></logging> and appends it to the widget's inner node. The resulting "DOM" is correct but aurelia does not render the element.

I have also tried using the TemplatingEngine like so:

But this doesn't seem to work, although I doubt I'm using it right and I think I might need to use compile, really not sure there.

Any insights would be appreciated.

@bindable可以使用装饰器将属性传递给 Aurelia 自定义元素：

<compose>为什么根据文档他们需要一种activate方法来传递数据，为什么渲染的自定义元素会受到不同的对待？@bindable不被尊重。

从自定义元素的角度来看，目前它需要知道将如何使用它，无论是否使用<compose>。我认为自定义元素应该与这个外部决策隔离开来。我们可以@bindable在这两种情况下工作吗？

我开始使用 Aurelia（这非常好），但很快遇到了一个我无法立即找到解决方案的问题。

我正在使用 Github 的 Aurelia Skeleton 项目。具体来说，我使用的是 ESNext + WebPack。但我的问题在其他项目中也是一致的。

https://github.com/aurelia/skeleton-navigation/tree/master/skeleton-esnext-webpack

该项目包括一个nav-bar.html基于router配置构建链接的文件。但是，我想以内联登录表单的形式向此导航栏添加自定义逻辑。因此我需要附加一个controller。

通常，在 Aurelia 中，这是通过创建一个与随处提到的同名的文件来完成的。所以我创建nav-bar.js并把所有的逻辑放在那里。但这在这里不起作用......nav-bar.js文件没有被拾取并且没有连接到模板。

更重要的是，我发现<require from="./myTemplate.html">在这个项目中我使用控制器的模板都没有。只有在路由器中加载的模板才能与控制器一起使用。

这让我认为我缺少一些需要设置的配置......？

谢谢