如何更新Ember模板中的輔助體內的變量

Question

想象一下，控制器中的屬性myNumber每秒具有不同的隨機數。 使用此模板，您將每秒看到此更改：

<h4>Random number</h4>
<p>{{myNumber}}</p>

但是，當僅在助手內部引用該數字時（例如#if或#each ）， 該數字將不再更新。 這只會顯示初始值：

<h4>Random number</h4>
{{#if model}}
    <p>{{myNumber}}</p>
{{/if}}

（請注意， myNumber與model無關。僅使用一些隨機的Truth屬性。）

有趣的是，當您將對屬性的引用添加回文檔的根目錄時， 以前的靜態數字現在也會更新：

<h4>Random number</h4>
{{myNumber}} -- Without this reference, references below won't update.
{{#if model}}
    <p>{{myNumber}}</p>
{{/if}}

如何在助手內部更新myNumber而不在模板的根目錄中顯示數字？

我嘗試在html注釋中添加引用，但這不起作用。 我假設Ember不會繪制不在DOM中的元素：

<h4>Random number</h4>
<!-- {{myNumber}} -->
{{#if model}}
    <p>{{myNumber}}</p>
{{/if}}

起作用的是將值添加到DOM，但將其隱藏。 但是，這是一個丑陋的解決方案：

<h4>Random number</h4>
<span style="display:none">
    {{myNumber}}
</span>
{{#if model}}
    <p>{{myNumber}}</p>
{{/if}}

Answer 1

使用箭頭功能將解決您的問題。