如何将值从一个 .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