具有HTML元素属性/属性的LitElement点

时间:2020-04-28 21:47:24

标签: javascript web-component lit-element polymer-3.x

我正在使用Polymer学习Web组件。我是Web开发的初学者。

我如何理解HTML元素的 #!/bin/bash len=$2 eval c=($1) per() { ((`grep -Poi '[^" ".]'<<<$2|sort|uniq|wc -l` < $((len - ${1}))))&&{ return;} (($1 == 0))&&{ echo $2;return;} for i in ${c[@]} ; do per "$((${1} - 1 ))" "$2 $i" done } per "$2" "" #example $ ./neto '{0..3} {a..d} \# \!' 7 0 1 2 3 a b c 0 1 2 3 a b d 0 1 2 3 a b # 0 1 2 3 a b ! 0 1 2 3 a c b 0 1 2 3 a c d 0 1 2 3 a c # 0 1 2 3 a c ! 0 1 2 3 a d b ... 属性或属性中的点符号是什么意思?

.checked

1 个答案:

答案 0 :(得分:1)

总体绑定类型由以下字符前缀组成:.prop?optional@event

html`<input 
    id="state" 
    type="radio" 
    name=${this.group} 
    @change=${onChange}
    ?required=${required}
    .checked=${this.checked} />`

您可以插入JavaScript表达式作为HTML文本内容,属性,布尔属性,属性和事件处理程序的占位符。

  • 文本内容:<p>${...}</p>
  • 属性:<p id="${...}"></p>
  • 布尔属性:?disabled="${...}"
  • 属性:.value="${...}"
  • 事件处理程序:@event="${...}"

lit-element documentation

Live Demo