如何在 google amp 脚本中应用逻辑运算符？

Question

参考Google AMP，我有以下代码：

<a [href]="'?view=amp&constraint=' + selectedOption1 + '&sort_by=' + selectedSorting"> Submit </a>

我想仅在 selectedOption1 的值存在时才显示 '?view=amp&constraint='。

我怎样才能达到同样的效果？

我试过以下方法：

<a [href]="'?view=amp&amp;constraint=' + (selectedOption1 || '') + '&amp;sort_by=' + (selectedSorting || '')" > </a>

Answer 1

您必须对selectedOption1 进行条件运算。这是一个示例，供您参考，其中包含两个按钮，这将更改 selectedOption1 的状态，因此，您可以检查锚标记的 href 值，为了快速查看，我使用了段落标记来显示与段落中的 href 相同的值。希望对您有所帮助。

到运行这段代码，复制整个代码并将其替换为 here 上的正文部分 AMP playground，只需确保您在 amp playground 示例页面上导入了 amp-bind js。

<p [text]="selectedOption1 ? 'https://www.example.com?view=amp&constraint=' + selectedOption1 + '&sort_by=' + selectedSorting : 'www.example.com'">

</p>
  <a href="#" [href]="selectedOption1 ? 'https://www.example.com?view=amp&constraint=' + selectedOption1 + '&sort_by=' + selectedSorting : 'https://www.example.com'">
  Link
</a>
 </br>

<button on="tap:AMP.setState({selectedOption1: 'Interactivity',selectedSorting:'orderby_date'})">
  Say "Hello Interactivity"
</button>
<button on="tap:AMP.setState({selectedOption1: '',selectedSorting:''})">
  Say "Blank"
</button>

如何在 google amp 脚本中应用逻辑运算符？

How to apply logical operator in google amp script?

amp-html

amp-bind