Wie übermittele ich einen Wert von einer .hbs-Datei zu einem anderen

Question

Ich versuche, den Indexwert von posts.hbs an die delete-post.hbs und dann von delete-post.hbs an meine delete-post.js zu übergeben Funktion.

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}} 

löschen-post.hbs

<a class="ui red button" {{action 'deletePost' parentNode.id `}}>Delete</a>` 

löschen-post.js

import Component from '@ember/component'; 

export default Component.extend 
({ 
    actions: 
    { 
    deletePost(input) 
    { 
     alert(input); 
    } 
    } 

}); 

Answer 1

Sie die p passieren kann Arameter von = Operator wie {{component-name componentProperty=outerProperty. In Ihrem Fall:

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

Außerdem sollten Sie parentNode.id-parentNodeId in Ihrem delete-post.hbs