2017-12-20 21 views
0

이 문제를 해결할 수는 없지만 약 1/5의 시간이 소요됩니다.Aurelia click.delegate가 항상 중계기 내에서 작동하지 않는 경우

repeat.de에 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

Jeff에게 감사드립니다. 예, Gist에서 작동합니다. 나는 코드의 차이점을 알아 내려고 노력 중이다. 명백한 차이점은 1입니다. 열거 형을 가지고 있습니다. 2 : 이미 페이지에서 더 많은 작업을하고 있습니다. 아마도 Aurelia가 너무 느려 버튼에 맞춰 반응하지 않을 수도 있습니다. 3 : 거기에 옵션을 표시하는 부트 스트랩 CSS가 있습니다. 다른 아이디어? 나는 그것이 작동 할 때까지 나의 페이지를 벗기려고 노력할 것이다! – user1980833

+0

페이지 속도가 느려질 수 있습니다. 계산 된 값이 많이 표시됩니까? –

답변

0

여전히 정확한 원인을 알 수는 없지만 'a'요소를 제거하여 해결했으며 '유형'변수의 이름을 바꿨습니다. 나를 위해 버전

<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