gpt4 book ai didi

javascript - 如何动态向存储在AMP状态的字符串添加新行?

转载 作者:行者123 更新时间:2023-12-01 01:43:48 26 4
gpt4 key购买 nike

我正在学习使用 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>

不幸的是,它似乎以某种方式转义了 \ 字符。所以我确实在 textarea 中得到了Some text\nSome another text

我尝试过String.fromCharCode等,但它在AMP中是被禁止的...被困住了。

我找不到关于此用例的太多文档,因此在此询问:是否有任何方法可以在用户上动态地将新行添加到存储在 amp-state 中的字符串中互动?

最佳答案

定义换行符:

<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'} })">

关于javascript - 如何动态向存储在AMP状态的字符串添加新行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52136567/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com