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

Question

参考谷歌AMP，我有以下代码：

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

我'?view=amp&constraint='只想在值selectedOption1存在的情况下显示。

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

我尝试了以下方法：

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

Answer 1

您必须对 selectedOption1 进行条件操作。这是一个共享的示例，带有两个按钮供您参考，这将改变 selectedOption1 的状态，因此，您可以检查锚标记的 href 值，并且为了快速查看，我使用段落标记显示与段落中的 href 相同的值。希望这会帮助你。

要运行此代码，请复制整个代码并将其替换为此处 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>