为什么 data-amp-bind-href 或 [href] 在 amp-bind 组件中不起作用？
Why data-amp-bind-href or [href] don't work in amp-bind component?
我想在 amp 中创建动态 link。使用 amp-bind 组件时一切正常，但将状态绑定到 href 除外！
我的代码如下所示：
<input
on="input-throttled:AMP.setState({ buyForm: { name: event.value } })
name="name"
type="text"
/>
<a
href="localhost:5000/api/v1/buy"
data-amp-bind-href="'localhost:5000/api/v1/buy?name=' + buyForm.name"
>
您的示例有效（如果您导入 amp-bind 扩展并向 URL 添加协议）。这是我试过的：
<head>
...
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
</head>
<body>
<input on="input-throttled:AMP.setState({ buyForm: { name: event.value } })" name="name" type="text" />
<a href="https://google.com" data-amp-bind-href="buyForm.name">Test</a>
</body>
我想在 amp 中创建动态 link。使用 amp-bind 组件时一切正常，但将状态绑定到 href 除外！
我的代码如下所示：
<input
on="input-throttled:AMP.setState({ buyForm: { name: event.value } })
name="name"
type="text"
/>
<a
href="localhost:5000/api/v1/buy"
data-amp-bind-href="'localhost:5000/api/v1/buy?name=' + buyForm.name"
>
您的示例有效（如果您导入 amp-bind 扩展并向 URL 添加协议）。这是我试过的：
<head>
...
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
</head>
<body>
<input on="input-throttled:AMP.setState({ buyForm: { name: event.value } })" name="name" type="text" />
<a href="https://google.com" data-amp-bind-href="buyForm.name">Test</a>
</body>