aurelia-templating

0热度

1回答

我非常清楚，我可以用消毒的innerHTML绑定的数据： <div innerhtml.bind="someData | sanitizeHTML"></div> 但是，根据我的观察，这个消毒不仅能消除<script>标签。它不保护从事件驱动的内容，例如用户： "Hi! I am some HTML-formatted data from the server! <button onclick

1热度

1回答

Aurelia撰写ViewModel-less

试图让Aurelia撰写ViewModel-less工作和有一些问题。我在项目中遇到问题，所以为了测试我克隆了skeleton-typescript项目。我在src目录中创建了一个test.html页面，其内容为<template><div>Hi I'm a test message</div></template>。然后，在welcome.html页面中，我在提交按钮 <template>

1热度

1回答

在aurelia视图中动态命名多个插槽

在Aurelia中，我创建了一个作为容器进行交互的自定义元素。此容器在子节点周围创建一些UI元素。这些自定义元素可以在任何视图中使用如下： <wizard-container ref="container"> <wizard-step title="Step 1" view-model="step1"></wizard-step> <wizard-step title="

1热度

1回答

如何使用静态方法在视图模板

我想在我的视图模板使用静态类常量的Javascript class FilterModel { static const FILTER_TYPE_STRING() { return 'string'; } } HTML <div show.bind="selectedFacet.type===FilterModel.FILTER_TYPE_STRING">

2热度

1回答

在Aurelia中，是否可以在repeat.for绑定中使用插槽？

我想创建一个自定义元素，循环遍历一个数组，并将其应用于数组中的每个项目。例如，定制元素的视图模板将包含这样的： <div repeat.for="i of items"> <div with.bind="i"> <slot></slot> </div> </div> 当我除去repeat.for和with.bind属性，所述槽将显示一个单一的时间。有没有办法让列

3热度

2回答

在运行时更改元素类型

是否可以在运行时动态定义自定义组件模板内的元素类型？我想，以避免在下面的示例中的button和a元件的内部重复内容： <template> <button if.bind="!isLinkBtn"> <span class="btn-icon">${icon}</span> <span class="btn-text">${contentText}</span>

0热度

2回答

获取无容器元素的ViewModel

在Aurelia中，当我想访问作为aurelia自定义元素的DOM元素的视图模型时，我可以使用Aurelia重视的au属性，如componentElement.au.controller.viewModel。当我的自定义元素是无容器的（属性级别为属性@containerless）时，属性au不可用。这个要点说明了这一点： https://gist.run/?id=928f97f49c01c1d

0热度

2回答

奥里利亚自定义元素 - $父未定义

我有模板，中继器：其中打印结果： 0 - 0 0 - 1 1 - 0 1 - 1 如果我使用自定义元素child-item用相同的模板： <template> <p>${ $parent.$index } - ${ $index }</p> </template> 并使用child-item写我的原始示例： <template repeat.for="i of 2

0热度

1回答

相对于ng-include在Aurelia.js

我想导入到我的主要html几个其他部分，如heder，footer，所以我可以在aurelia中做这个吗？我想这个波纹管和没有工作 <template> <import from='header.html'></import> <import from='footer.html'></import> </template>

0热度

2回答

范围基于REF

我有REF为形式，其是自定义元件 <form ref="domRef" ...> 我有裁判用于现场太，这是另一个定制元素（被表单内使用） <input type="text" ref="domRef" .....> 但窗体的视图模型里面attach（）我得到this.domRef是输入的参考。 attached(){ console.log(this.domRef); }