angularjs의 ng 클래스에 바인딩

아래 코드에서 "selectedDesignAreaId"라는 컨트롤러에 변수가 있습니다 이 변수를 "designarea.id"의 현재 값으로 바인딩하지만 "selectedDesignAreaId" 중계기에서 designAreaId의 값 중 하나에 클래스는 ... 항상 'unSelectedCanvas가'잘 살고 있습니다 나는 당신의 문제를 재현하려angularjs의 ng 클래스에 바인딩

<div ng-repeat="designArea in productView.designAreas" style="position:absolute;left:{{designArea.x}}px ; top:{{designArea.y}}px;background-color: #ffdead" 
       ng-click="onDesignAreaClick(designArea.id)" 
       ng-class="{true: 'selectedCanvas', false:'unSelectedCanvas'}[(designArea.id == selectedDesignAreaId)]">

출처

2013-04-24 SHIVANG SANGHI

플 런커 또는 jsfiddle 데모를 설정하십시오 –

@ Shivang sanghi 출력의 광고 데모를 보여주십시오. 이미지를 게시 할 수없는 경우 사람들의 질문에 응답하여 stackoverflow에 기여합니다. 지금은 다른 방법을 통해 보여주십시오. –

업데이트 아니지만, 나를 위해 작동하는 것 같군 : http://plnkr.co/edit/AuACV3SZRPgEqGBWpvkl

이 코드를 사용하여 원인을 파악하시기 바랍니다.

selectedDesignAreaId 및 designArea.id 등의 내용을 확인하고 싶을 수 있습니다. 템플릿에 {{ selectedDesignAreaId }}을 넣으면 디버깅이 쉬워집니다. 프로세스입니다. (IMO, dev 콘솔을 사용하는 것보다 훨씬 편리합니다.)

출처

2013-04-24 09:30:01 Tosh

답장을 보내 주셔서 감사합니다. 그러나 이제는 내 시스템에서 작동 중입니다 ... 내 스카 이프 ID를 사용하면 내 화면도 보여줄 수 있습니다 .... –

컨트롤러에 다른 변수 이름을 사용하고 있습니다. 및 템플릿하지만 귀하의 suggesstion "당신은 selectedDesignAreaId 및 designArea.id 등의 내용을 확인하고 싶을 수도 있습니다"정말 날 도와 ... –

답변

관련 문제