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 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短