javascript - 如何在 AMP 状态下存储的字符串中动态添加新行？

Question

我正在学习使用 Accelerated Mobile Pages。我想amp-state在用户按下按钮时向存储在 中的字符串添加新行和一些文本内容。所以我试过这个：

<script src="https://cdn.ampproject.org/v0.js"></script>
<script src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>

<amp-state id="formState">
  <script type="application/json">
    {
      "message": "Some text"
    }
  </script>
</amp-state>

<textarea [text]="formState.message"></textarea>

<button type="button"
  on="tap:AMP.setState({formState: {message: formState.message + '\nSome another text'} })">
  Button
</button>

不幸的是，它似乎以某种方式逃脱了\角色。所以我真的进入Some text\nSome another text了textarea.

我已经尝试过String.fromCharCode等等，但在 AMP 中是被禁止的......被这个卡住了。

我找不到关于这个用例的太多文档，所以在这里问：有没有办法amp-state在用户交互中动态地向字符串中添加一个新行，存储在 , 中？

Answer 1

定义换行符：

<amp-state id="formState">
  <script type="application/json">
  {
    "message": "Some text",
    "newLine": "\n"
  }
  </script>
</amp-state>

然后：

 on="tap:AMP.setState({formState: {message: formState.message + formState.newLine + 'asdf'} })">