如何将值从一个 .hbs 文件传递到另一个
How do I pass a value from one .hbs file to another
我正在尝试将索引值从 posts.hbs 传递到 delete-post.hbs,然后从 delete-post.hbs 传递到我的 delete-post.js 函数。
posts.hbs
<br>
<h2> Blog Posts </h2>
<ul>
{{#each model as |onePost index|}}
<li id = {{index}}>{{onePost.title}} {{delete-post}}
</li><br>
{{/each}}
</ul>
{{add-new-post}}
删除-post.hbs
<a class="ui red button" {{action 'deletePost' parentNode.id `}}>Delete</a>`
删除-post.js
import Component from '@ember/component';
export default Component.extend
({
actions:
{
deletePost(input)
{
alert(input);
}
}
});
您可以像{{component-name componentProperty=outerProperty
一样通过=
运算符传递参数。在你的情况下:
{{#each model as |onePost index|}}
<li id = {{index}}>{{onePost.title}} {{delete-post parentNodeId=index}}
</li><br>
{{/each}}
此外,您应该在 delete-post.hbs
中将 parentNode.id
更改为 parentNodeId
我正在尝试将索引值从 posts.hbs 传递到 delete-post.hbs,然后从 delete-post.hbs 传递到我的 delete-post.js 函数。
posts.hbs
<br>
<h2> Blog Posts </h2>
<ul>
{{#each model as |onePost index|}}
<li id = {{index}}>{{onePost.title}} {{delete-post}}
</li><br>
{{/each}}
</ul>
{{add-new-post}}
删除-post.hbs
<a class="ui red button" {{action 'deletePost' parentNode.id `}}>Delete</a>`
删除-post.js
import Component from '@ember/component';
export default Component.extend
({
actions:
{
deletePost(input)
{
alert(input);
}
}
});
您可以像{{component-name componentProperty=outerProperty
一样通过=
运算符传递参数。在你的情况下:
{{#each model as |onePost index|}}
<li id = {{index}}>{{onePost.title}} {{delete-post parentNodeId=index}}
</li><br>
{{/each}}
此外,您应该在 delete-post.hbs
parentNode.id
更改为 parentNodeId