aurelia 具有绑定参数的仅HTML自定义元素
示例
在下面,我们将创建一个Aurelia自定义元素的示例,该示例将允许您通过其视频ID显示Youtube视频。
可以用两种不同的方式定义Aurelia自定义元素:第一种是通过创建视图模型和附带的视图,第二种是通过仅创建基本HTML文件并使用视图本身bindable的<template>标记上的属性。
对于下面的示例,仅HTML的自定义元素很有意义,因为我们只是在应用程序中轻松使用Youtube嵌入代码。
范例:youtube.html
<template bindable="videoId">
<iframe width="560" height="315" xx_src="https://www.youtube.com/embed/${videoId}" frameborder="0" allowfullscreen></iframe>
</template>仅HTML的自定义元素的文件名将用作HTML中的标记名称。因此,请确保不要将其称为通用之类的名称header.html,footer.html或已经是本机HTML元素的任何其他名称。
使用它:
<template>
<require from="./youtube.html"></require>
<youtube video-id="C9GTEsNf_GU"></youtube>
</template>
热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短