aurelia 创建具有可绑定属性的自定义元素
示例
创建具有可绑定属性的自定义元素非常简单。如果要创建一个接受一个或多个插件可以使用的值的元素，则需要使用@bindable装饰器和语法。
在下面，我们正在创建一个自定义元素，该元素接受一系列水果并显示它们。
示例： my-element.js
import {bindable} from 'aurelia-framework';
const validFruits = [
'Apple',
'Banana',
'Orange',
'Pineapple',
'Grapes',
'Peach',
'Plum',
'Dates',
'Strawberries'
];
export class FruitCustomElement {
@bindable fruits = [];
fruitsChanged(newVal, oldVal) {
if (newVal) {
newVal.filter(fruit => {
return validFruits.indexOf(fruit) >= 0;
});
}
}
}
<template>
<ul if.bind="fruits">
<li repeat.for="fruit of fruits">${fruit}</li>
</ul>
</template>
使用它：
export class MyViewModel {
myFruits = [];
attached() {
this.myFruits= ['Apple', 'Banana', 'Orange', 'Pineapple', 'Grapes', 'Peach'];
}
}
<template> <require from="./my-element"></require> <fruit fruits.bind="myFruits"></fruit> </template>
-
本文向大家介绍aurelia 基于命名约定创建自定义元素，包括了aurelia 基于命名约定创建自定义元素的使用技巧和注意事项，需要的朋友参考一下 示例 通过CustomElement在类名中简单地添加后缀，即可基于命名约定在Aurelia中创建一个基本的自定义元素。此后缀将由Aurelia自动删除。类名称的其余部分将被小写并使用连字符分隔，然后可用作元素名称。 示例： my-element.js
-
本文向大家介绍aurelia 使用@customElement装饰器创建自定义元素，包括了aurelia 使用@customElement装饰器创建自定义元素的使用技巧和注意事项，需要的朋友参考一下 示例 在大多数示例中，类命名约定用于定义Aurelia自定义元素。但是，Aurelia还提供了可用于装饰类的装饰器。然后，该类再次被Aurelia视为自定义元素。 提供给装饰器的值将成为自定义HTML
-
我正在尝试使用Javascript选择此复选框 下面的代码可以工作，但并不理想 我试过这些 但它们并不起作用。有什么想法能让这件事成功吗？ 数据值未硬编码的更新代码
-
我有一个函数，它将调用外部资源（例如REST）并根据结果返回JSON对象。 例如，如果我发送一个POST并且它可以工作，我需要对象是： 但是当它由于某种原因失败时，我不想要id（因为它将是未定义的）。类似于： 所以只有一个处理方法： 当一切正常时，它会工作，但当它失败时，它会呈现： 有没有办法使“id”成为可选的，这取决于它是否被定义？类似于： 那么在“未定义”中，它将被忽略？我知道我可以只取这个
-
本文向大家介绍aurelia 绑定到选择元素，包括了aurelia 绑定到选择元素的使用技巧和注意事项，需要的朋友参考一下 示例 字符串数组 在选择下拉列表中选择一个值并提供字符串数组时，所选值将作为字符串绑定到选择元素的value属性，我们可以使用字符串插值显示该字符串。 对象数组 与上面的示例不同，当提供对象数组时，在下拉列表中选择一个值时，绑定到该特定选项的模型就是所提供的对象。
-
问题内容： 请考虑以下代码： 如何选择具有属性的所有标签？ 谢谢 问题答案： 使用“具有属性”选择器： 或选择一个该属性具有特定值的属性： “属性值起始于”，“属性值包含”等还有其他选择器。