31、Aurelia开发：自定义属性与动画实现

Aurelia开发：自定义属性与动画实现

1. 扩展Aurelia：创建Selectize.js自定义属性

在Aurelia开发中，自定义属性是扩展框架功能的重要手段。这里我们将创建一个Selectize.js自定义属性，用于实现一个国家选择器。

Selectize是一个实用的jQuery插件，它结合了文本框和 <select> 元素的功能，允许用户在输入值时获得预输入式的自动完成响应。我们将使用 @dynamicOptions 装饰器创建一个新的 au-selectize 自定义属性，为 my-books 应用添加国家选择器。

1.1 动态属性

在这个自定义属性中，我们将使用四个动态属性：
- URL ：仅当 selectize 自定义属性设置为针对远程端点运行时适用，这里设置为 /countries 端点。
- valueField ：表示从远程端点返回的对象中哪个属性应代表选择选项的值，设置为 country-code 属性。
- labelField ：用于指示从远程端点返回的对象中哪个属性应用作选择项标签，设置为国家名称。
- searchField ：用于指示从远程端点返回的对象中哪个属性应进行搜索，也设置为国家名称。