2017-12-20 17 views
0

私はこの問題を解決できませんが、約1/5の時間がかかることがあります。Aurelia click.delegateは常にリピータ内で発砲するとは限りません

私はrepeat.for内にclick.delegateメソッドを持っています。時にはclick.delegateメソッドが起動されず、エラー/警告が表示されません。 VM

dataSets = [ 
    { 
     value: RankValueType.RANK, 
     title: "Rank", 
     shortName: "Rank" 
    }, { 
     value: RankValueType.RANK_CHANGE, 
     title: "Daily Rank Change", 
     shortName: "Change" 
    }, { 
     value: RankValueType.RANK_7_DAY, 
     title: "7 Day Moving Avg Rank", 
     shortName: "7 Day" 
    }, { 
     value: RankValueType.RANK_30_DAY, 
     title: "30 Day Moving Avg Rank", 
     shortName: "30 Day" 
    }]; 

ビューで

<ul id="chart-data-set-options" class="dropdown-menu chart-options-list"> 
           <li 
             class="${(type.value === chartDataSet ? 'active' : '')}" 
             repeat.for="dataSet of dataSets"> 
            <a click.delegate="$parent.eventChartDataSetChanged(dataSet.value)">${dataSet.title}</a> 
           </li> 
          </ul> 

私はと '$の親' なしで試してみましたが、任意の違いを確認していないようです。

+0

ワークス作業

。ここにGistRunがあります:https://gist.run/?id=8dfe873bdbca0a30211accd6e58b7dcd –

+0

ジェフさんに感謝します。はい、それはGist上で動作します。私は、コードの違いを理解しようとしています。明らかな違いは1:enumがあります、2:すでにページ上でもっと多くのことが起こっています.Aureliaは時間がかかりすぎてボタンに反応しないかもしれません。 3:そこにオプションを表示するためのブートストラップCSSがあります。他のアイデア?私はそれが動作するまで私のページをストリッピングしようとします! – user1980833

+0

何か他のことは遅くなっているかもしれませんか?計算された値がたくさん表示されていますか? –

答えて

0

私はまだ問題の正確な原因はわかりませんが、私は 'a'要素を削除して回避しました。また、 'type'変数の名前を変更しました。私のために、バージョン

<li 
             class="${(dataSet.value === chartDataSet ? 'active' : '')}" 
             repeat.for="dataSet of dataSets" 
             click.delegate="$parent.eventChartDataSetChanged(dataSet.value)"> 
            ${dataSet.title} 
           </li> 
+0

それは奇妙です。 'a'要素にhref = "#"がありませんか? –

+0

私はhref = "#"を付けて試してみましたが、それは原因ではありませんでした。 – user1980833

+0

'li'と 'a'要素の両方をカバーするcss ':hover'ルール(bootstrap.cssと小さなcustom.css)がありました。どういうわけかこれは問題を引き起こしていたと思います。私は長い間プレイしてしまいました。 – user1980833

関連する問題