Ember.js каждый цикл с внешней / исходящей ссылкой

0

Привет и спасибо заранее за помощь. Я использую 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); 
  }
});

Дайте мне знать, если у вас есть идеи. Еще раз спасибо!

Дэвид Б

  • 0
    Какая theme в первой ссылке? Так ли это?
Теги:
ember.js

1 ответ

0
Лучший ответ

Если {{#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}} в этой точке.

  • 0
    Спасибо!! Я думал, что мне нужна эта ссылка, чтобы она знала, что делать, но, очевидно, я этого не делаю. Спасибо за помощь!!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню