Edge не показывает div с привязками Aurelia, которые я вижу в других браузерах? - PullRequest
Новая
       32

Edge не показывает div с привязками Aurelia, которые я вижу в других браузерах?

0 голосов
/ 14 сентября 2018

Есть ли у вас какие-либо идеи об исчезновении этого дива в Edge? 

<div 
  data-filter=".format-${format.id}" class="format cbp-filter-item btn dark btn-outline uppercase" 
  repeat.for="format of fm.campaignFormats.items | formatsWithDraft" 
  oa-sortable-item="item.bind: format" 
  if.bind="(format.just_created && !format.deleted_at) || (!format.deleted_at && format.total_templates)">

  <span class="name">${format.name}</span>
  <span class="size">${format.width} : ${format.height} [${format.unit}]</span>
  <span class="placeholder">${format.name}</span>
  <span class="placeholder">${format.width} : ${format.height} [${format.unit}]</span>

  <i if.bind="format.loading" class="fa fa-spin fa-circle-o-notch ml-5"></i>
  <div class="filter-counter">${format.total_templates}</div>
</div>

Я думаю, что это проблема с чтением данных Аурелией, есть идеи?

1 Ответ

0 голосов
/ 14 сентября 2018

Проблема, с которой вы сталкиваетесь, связана с переупорядочением атрибутов в IE & Edge, которое в вашем случае заставит repeat следовать после if, что испортило результат вычисления выражения.Что вы можете сделать, это обернуть ваш контент в <template/>, чтобы отделить атрибут: 

<template
  repeat.for="format of fm.campaignFormats.items | formatsWithDraft">
  <div
      data-filter=".format-${format.id}"
      class="format cbp-filter-item btn dark btn-outline uppercase"
      oa-sortable-item="item.bind: format"
      if.bind="(format.just_created && !format.deleted_at) || (!format.deleted_at && format.total_templates)">

      <span class="name">${format.name}</span>
      <span class="size">${format.width} : ${format.height} [${format.unit}]</span>
      <span class="placeholder">${format.name}</span>
      <span class="placeholder">${format.width} : ${format.height} [${format.unit}]</span>

      <i if.bind="format.loading" class="fa fa-spin fa-circle-o-notch ml-5"></i>
      <div class="filter-counter">${format.total_templates}</div>
    </div>
</template>
...