绑定放大器状态的初始值

Question

我要初始化一个放大器状态，如下所示：

<amp-state id="tabs">
  <script type="application/json">
  {
    "selected": "latest"
  }
  </script>
</amp-state>

然后将这个初始化值显示在首页请求中：

<p [text]="tabs.selected"><p>

这行不通。p标签的内容仅在状态更改时才更新。例如，通过按钮：

<button on="tap:AMP.setState({tabs: {selected: 'top'}})">Press me</button>

我希望页面上的元素能反映出进一步的用户交互之前的初始化状态。

Codepen：https：//codepen.io/powlo/pen/VMpVRm/ ？ editors = 1000

Answer 1

amp-bind表达式不在页面加载时求值。这样做是为了避免页面加载时布局跳变。如果要在页面加载时动态初始化元素，则需要使用amp-list扩展名（即使它只是单个元素）。