repeat.for
バインディングを含むビューで問題が発生しました。 Chromeが最新バージョンに更新されると、私のアプリがハングアップし始めた。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回繰り返します(これは非常に奇妙です)。
リピートバインディングをどのようにデバッグすることができますか?
サンプルをhttp://gist.runで複製できますか? –
gist.runに作業状態で追加するのは非常に難しいです。 – Wasim
これはまったく効果がないかもしれませんが、いくつかの 'td'要素を' th'タグで閉じています。 –