Aurelia:自定义元素与自定义属性

Question

我想知道在Aurelia中使用自定义元素或自定义属性之间的区别.

我正在使用jqueryUI的datepicker.我将它实现为自定义属性(遵循此https://www.danyow.net/jquery-ui-datepicker-with-aurelia/),它完美无缺.我无法将它变成一个强大的自定义元素.我环顾四周,在网上找到了一些例子但它们没有用.

我想知道使用自定义属性代替自定义元素是否有任何缺点.

Answer 1

甲自定义属性是用于扩展现有的HTML元素的功能和实际上有没有视图.与您的示例中一样,您希望扩展输入字段的功能.它看起来像一个输入,具有标准的焦点/形式/验证等输入行为等等(如果<input type="date"/>在所有浏览器中正确实现,我们肯定会使用它而不是jquery-datepicker).

自定义元素可以编写自己的可重用元素,包括自己的视图和自己的功能和逻辑.

例子:

自定义元素

• 自制日期选择器(需要显示一些日期等等=视图)
• 自己的自动完成输入(您需要显示列表的视图)
• 重复出现的ui元素(例如数据,图像对,其中图像应始终在左侧并在点击时执行某些操作,5行html和逻辑包装在一个自定义元素中)

自定义属性

• 使用第三方Datepicker(就像jQuery-ui,它只会执行jQuery调用以编程方式添加视图)
• 使用谷歌地图放置自动完成(只是一个api调用,它将更改输入值并显示动态添加的视图,没有自己的视图)
• 一个应具有特殊行为的图像(如图像,它将进行休息调用并更改图像)