使用自定义模板链接到不同对象的Ember.js
我有以下代码来生成指向对象的链接,我有一个模板来呈现它,但我希望列表中的每个项目调用不同的模板或显示不同的项目。这可能吗使用自定义模板链接到不同对象的Ember.js,ember.js,ember.js-view,Ember.js,Ember.js View,我有以下代码来生成指向对象的链接,我有一个模板来呈现它,但我希望列表中的每个项目调用不同的模板或显示不同的项目。这可能吗 <div class="main-content container"> <div class="container-fluid"> <div class="col-xs-3"> <div class="span3">
<div class="main-content container">
<div class="container-fluid">
<div class="col-xs-3">
<div class="span3">
<table class='table'>
<thead>
<tr><th><h3>Select Your Source</h3></th></tr>
{{#each refRecord in model}}
<tr><td>
{{#link-to 'ref' refRecord classNames="fullwidth"}}{{refRecord.type}}{{/link-to}}
</td></tr>
{{/each}}
</table>
</div>
</div>
<div class="col-xs-9">
{{outlet}}
</div>
</div>
</div>
选择你的来源
{{{#模型中的每个refRecord}
{{{#链接到'ref'refRecord classNames=“fullwidth”}{{{refRecord.type}}{{/link to}}
{{/每个}}
{{outlet}}
我不确定我是否理解正确,但我用两种方式回答了你的问题,要么它们链接到不同的模板,要么它们使列表中的每个项目都不同
链接到不同的模板
可以使用属性而不是link to语句中的字符串来创建动态链接
<ul>
{{#each item in model}}
<li>{{#link-to item.template item}}{{item.color}}{{/link-to}}</li>
{{/each}}
</ul>
谢谢,我想这是我正在寻找的解决方案,我现在就试试。
{{#each item in model}}
<li>
{{#if item.foo}}
{{render 'foo' item}}
{{/if}}
{{#if item.bar}}
{{render 'bar' item}}
{{/if}}
</li>
{{/each}}