如何在使用toggleProperty時獲取對象的id

Question

我想在以下模板中獲取story對象的id，以便我可以放入評論，但不知道如何做到這一點。我會認爲這個行動有一個對它被召喚的對象的引用。

我：

{{#each}} 
    <div>{{date}}</div> 
    {{#each stories}} 
     <div {{action 'toggleProperty' 'areCommentsDisplayed'}}>{{headline}} {{url}} {{id}}</div> 

    {{/each}} 
{{/each}} 
at end 
<br /><br /> 
{{#if areCommentsDisplayed}} 
    comments are displayed with {{id}} 
{{else}} 
    comments are NOT displayed {{id}} 
{{/if}} 

點擊操作不會導致ID被寫入到在底部的areCommentsDisplayed塊。我如何得到一個引用來在那裏寫這個id？

THX

Answer 1

這是因爲id不再範圍each塊之外。您需要將ID分配給一個變量，然後顯示該變量。舉例來說，我想你的動作改成這樣：

{{action 'toggleComments' id}} 

然後實現像這樣的動作：

toggleComments: function(id) { 
    this.set('selectedId', id); 
    this.toggleProperty('areCommentsDisplayed'); 
} 

現在你可以在你的if塊使用selectedId，這將是在範圍和包含您點擊的最近故事的ID。