Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “的目的”$=&引用;或者“是什么?”=&引用;在发光元件示例中_Javascript_Html_Web Component_Lit Element - Fatal编程技术网

Javascript “的目的”$=&引用;或者“是什么?”=&引用;在发光元件示例中

Javascript “的目的”$=&引用;或者“是什么?”=&引用;在发光元件示例中,javascript,html,web-component,lit-element,Javascript,Html,Web Component,Lit Element,我无法理解?=或$=这两个示例的用法: 第一个例子: 你好,世界 第二个例子: 为什么这些HTML属性有一个$或?后缀?$和?后缀似乎是没有前缀(属性值绑定)和?前缀()的不推荐版本,这两个版本都是如此 要设置属性而不是属性,请在属性名称后附加$后缀 例如: html`<button class$="primary">Buy Now</button>` html`立即购买` ⋮ @已弃用,请改用/lit-html.js。lit extended将在将来的版本中

我无法理解
?=
$=
这两个示例的用法:

第一个例子:

你好,世界
第二个例子:


为什么这些HTML属性有一个
$
后缀?

$
后缀似乎是没有前缀(属性值绑定)和
前缀()的不推荐版本,这两个版本都是如此

要设置属性而不是属性,请在属性名称后附加
$
后缀

例如:

html`<button class$="primary">Buy Now</button>`
html`立即购买`

@已弃用,请改用/lit-html.js。lit extended将在将来的版本中删除

所以你现在就想要这个:

<div id="box" class="${this.uppercase ? 'uppercase' : ''}">
  <slot>Hello World</slot>
</div>

你好,世界


“当然,如果这些不推荐的东西被保留了下来,谁知道它们的其他内容有多重要。

非常感谢!我能找到最新的。看起来他们正在转换变量和属性的另一种语法。
html`<button class$="primary">Buy Now</button>`
<div id="box" class="${this.uppercase ? 'uppercase' : ''}">
  <slot>Hello World</slot>
</div>
<div class="decorator" ?focused="${_focused}">
  <slot id="inputSlot" name="input"></slot>
  <div class="underline"></div>
</div>