ember.js - 重新渲染模板不会更新链接

Question

我有一个模板来为用户呈现一个视图，该用户有一个标签栏来显示关注者和其他人。

<h3>{{name}}</h3>
<img {{bindAttr src="avatar"}}  alt=""/>
<ul class="nav nav-tabs">
  <li class="active">{{#linkTo 'user.followers' this}}Followers{{/linkTo}}</li>
  <li class="active">{{#linkTo 'user.following' this}}Following{{/linkTo}}</li>
  <li class="active">{{#linkTo 'user.messages' this}}Messages{{/linkTo}}</li>
</ul>

{{outlet}}

第一次渲染模板时一切正常。当我从一个用户切换到其关注者之一时，名称和图像正在更改，但标签栏中的链接未更新。

Answer 1

你可以试试这个：

<h3>{{name}}</h3>
<img {{bindAttr src="avatar"}}  alt=""/>
{{#with this}}
<ul class="nav nav-tabs">
  <li class="active">{{#linkTo 'user.followers' this}}Followers{{/linkTo}}</li>
  <li class="active">{{#linkTo 'user.following' this}}Following{{/linkTo}}</li>
  <li class="active">{{#linkTo 'user.messages' this}}Messages{{/linkTo}}</li>
</ul>
{{/with}}

{{outlet}}

{{#with}}助手应该使内部代码绑定。我在这个github issue中找到了这个建议的解决方案。