Привет и спасибо заранее за помощь. Я использую ember.js для создания базового сайта. У меня есть каждый цикл, внутри которого я хочу, чтобы он отображал переменную при привязке к внешнему сайту (например, google.com, который я сохранил как другую переменную).
По какой-то причине, когда я делаю внутри каждого цикла, я получаю сообщение об ошибке: "Эта ссылка находится в состоянии неактивной загрузки, потому что по крайней мере один из ее параметров в настоящее время имеет значение null/undefined или предоставленный маршрут имя недействительно. " Я не могу понять, как заставить это перейти на внешний сайт при нажатии. Вот мой каждый цикл и пример json.
{{#each}}
{{#link-to 'theme' theme tagName="tr"}}
<td class="noWrap">{{#link-to 'theme' title}}{{title}}{{/link-to}}</td>
<td>{{#link-to 'theme' this}}<img {{bind-attr src="image"}} \>{{/link-to}}</td>
<td class="tdCenter"><a {{bind-attr href="link"}}>{{price}}</a></td>
<td>{{description}}</td>
<td class="tdCenter">{{columns}}</td>
{{/link-to}}
{{/each}}
{
id: 1,
title: 'Title',
price: '$10',
description: 'random description',
columns: 1,
link:'https://google.com',
image: 'images/image.jpg'
}
и это мой маршрут темы
App.ThemeRoute = Ember.Route.extend({
model: function(params) {
return App.THEMES.findBy('title', params.title);
}
});
Дайте мне знать, если у вас есть идеи. Еще раз спасибо!
Дэвид Б
Если {{#link-to 'theme' theme tagName="tr"}}
заменен на <tr>
, строка таблицы будет отображаться без ссылки (если это не приемлемо, к сожалению, link-to
помощник цель в этот момент мне не понятна).
Таким образом, результат будет примерно таким,
http://emberjs.jsbin.com/wuvazica/1#/theme/1
http://emberjs.jsbin.com/wuvazica/1/edit
гемоглобин
<script type="text/x-handlebars" data-template-name="theme">
<table>
{{#each}}
<tr>
<td class="noWrap">{{#link-to 'theme' title}}{{title}}{{/link-to}}</td>
<td>{{#link-to 'theme' this}}<img {{bind-attr src="image"}} \>{{/link-to}}</td>
<td class="tdCenter"><a {{bind-attr href="link"}}>{{price}}</a></td>
<td>{{description}}</td>
<td class="tdCenter">{{columns}}</td>
</tr>
{{/each}}
</table>
</script>
Кстати, ошибка, которая показана, связана с theme
параметра в {{#link-to 'theme' theme tagName="tr"}}
, если она удалена, ошибка исчезнет, но обработанный html не будет (по крайней мере, то, что я заметил в приведенном кратком примере) из {{#link-to}}
помощника {{#link-to}}
в этой точке.
theme
в первой ссылке? Так ли это?