Ember classNameBindings가 샘플 프로그램에 대해 호출되지 않습니다.

Question

클래스 이름 바인딩에 문제가 있습니다. 여기에 동일한 코드 jsfiddle가 있습니다. 바인딩 횟수가 기록됩니다. 속성이 변경되면 호출되지 않습니다.

Answer 1

여기에 몇 가지 문제가있는 것으로 보입니다. 주로 배열의 내용이 변경 될 때 속성을 다시 계산하려는 경우 배열 속성 자체에 의존 할 수 없으며 다른 배열로 설정된 경우에만 변경 사항을 발생시킵니다. 대신 myArray.@each에 의존하는 경우 콘텐츠가 변경되면 속성이 다시 계산됩니다.

다음으로 핸들 막대보기 선언에 빈 뷰 템플릿을 제공하기 때문에 범위가 포함 된 템플릿이 렌더링되지 않습니다. 'HTML'을 다음으로 변경하십시오.

{{view App.contact}} 

범위가 표시됩니다.

마지막으로 Ember.run.sync()을 실행하는 것만으로는 충분하지 않은 것으로 보입니다. 그 이유는 분명하지 않지만 ... 계산 된 속성은 읽을 때만 업데이트됩니다 (즉시 업데이트하는 관찰자와 비교). 계산 된 속성은 뷰에서만 사용되며 뷰는 JS 이벤트 루프를 통해 후속 실행시 업데이트 될 수 있으므로 계산 된 속성은 "부하 직원"에 대한 모든 변경 사항에 대해 한 번만 다시 계산됩니다. 시간 제한을 사용하도록 코드를 변경하면 잘 작동합니다.

내 제안 된 모든 변경 사항이있는 jsfiddle입니다.