1つの.hbsファイルから別の.hbsファイルに値を渡す方法

Question

posts.hbsのインデックス値をdelete-post.hbsに渡し、次にdelete-post.hbsからmy 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); 
    } 
    } 

}); 

Answer 1

あなたはPを渡すことができますオペレータによって=オペレータ{{component-name componentProperty=outerPropertyのようなarameter。あなたのケースでは：

{{#each model as |onePost index|}} 
    <li id = {{index}}>{{onePost.title}} {{delete-post parentNodeId=index}} 
    </li><br> 
{{/each}} 

また、あなたがFAMを祝福あなたのdelete-post.hbs