2016-09-18 2 views
1

У меня возникла проблема в представлении, содержащем привязку repeat.for. Когда хром был обновлен до последней версии, мое приложение начало зависать.Repeat.for связывание с последней версией хрома

Любые предложения по устранению проблемы?

Вот пример кода (это довольно трудно положить все это здесь):

<section class="split split2 splitTo2 flexCol"> 
    <div class="titleBar"> 
    <div class="breadCrumbs floatLeft"> 
     <h3 class="cursorDefault">Configuration</h3> <span class="cursorDefault">/</span> 
    </div> 
    <div class="clear"></div> 
    </div> 
    <div class="pageBody"> 
    <dynamic-table list.bind="list | filter:selectedTableType:filterByTypeFunc" text-filter.bind="tableTextFilter.value" containerless> 
    </dynamic-table> 
    </div> 
</section> 

<dynamic-table> пользовательский элемент имеет таблицу с повтором для связывания следующим образом:

<table class="grid table table-striped table-bordered" if.bind="list.length>0 && canDraw" show.bind="canDraw"> 
    <thead> 
    <tr> 
     <th repeat.for="col of cols"> 
     <a click.trigger="gridSort(col.colName)"> ${col.label} <img if.bind="col.headerImg" src.bind="col.headerImg" style="width: 18px;height: 18px"/> <i class="sortIcon fa ${col.colName | gridSortIcon:gridSortObject & signal:'gridSortColChanged'}"></i></a> 
     </th> 
     <th if.bind="canEdit"></th> 
     <th if.bind="canDelete"></th> 
    </tr> 
    </thead> 
    <tbody ref="tableBody"> 
    <tr repeat.for="row of list | filter:textFilter:filterFunc | sort:gridSortObject.colName:gridSortObject.desc | pagination:pageSize:currentPage"> 

     <td repeat.for="col of cols" name="${col.colName}" innerhtml.bind="row[col.colName] | convertManager:col.converters"></td> 

     <td if.bind="canEdit"><span class="gridButton gridEdit fa fa-pencil" click.delegate="_editGridIRow(row)" authorize="${authorizePrifex +'_edit'}"></span></th> 
     <td if.bind="canDelete"><span class="gridButton gridDelete fa fa-times" click.delegate="_deleteGridIRow(row)" authorize="${authorizePrifex +'_delete'}"></span></th> 
    </tr> 
    </tbody> 
</table> 

cols представляет собой набор, содержащий имена столбцов таблицы, а list имеет 15 строк. Я проверил, что он выполняет 15 итераций, повторяя 5 раз (что кажется очень странным).

Любое направление относительно того, как я могу отлаживать это повторное связывание?

+0

Можете ли вы дублировать вопрос в образце по адресу http://gist.run? –

+0

Я разместил его выше, довольно сложно добавить его в gist.run с рабочим состоянием. – Wasim

+0

, это может не иметь никакого эффекта, но вы закрываете некоторые элементы 'td' тегом' th'. –

ответ

1

Сегодня я получил такую ​​же ошибку: последняя версия хрома приведет к замораживанию моего приложения, в то время как другие браузеры работают нормально.

Я исправил проблему так же, как вы, изменив строку CSS (моя была значение высоты div). Хотя проблема была на моей стороне, я не уверен, что повешение webapp из-за строки кода css является ожидаемым поведением.

+0

Я думаю, что команда Airelia должна проверить это, так как есть два случая этой сумасшедшей ошибки. – Wasim

Смежные вопросы