안녕하세요 우선 제 스스로 해결하지 못해 질문 드린점 죄송합니다 <div>전에 오유님들 덕분에 <span style="font-size:9pt;line-height:1.5;">ng-change 동작을 성공 했습니다.</span> <div>그후 또다른 문제점이 발생 하게 되었는데 2틀가량 다른 업무를 하면서 해결해 보았으나</div> <div>제 실력이 미흡하여 아직도 해결을 하지 못했습니다....</div> <div><br></div> <div>기본 api와 구글링 스택오버플로우 까지 검색하면서 해보았지만</div> <div>뭐가 문제인지 많이 해매고 있습니다. 아무래도 제 업무 능력에 문제 인거 같습니다..ㅠ</div> <div><br></div> <div>우선 어떠한 문제점은 아래에 작성하겠습니다.</div> <div><br></div> <div><br></div> <div><div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><html></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><select ng-change="test()" ng-model="aaa"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><option>첫번째</option></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><span style="margin:0px;padding:0px;line-height:17.7272720336914px;"><option>두번째</option></span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><span style="margin:0px;padding:0px;line-height:17.7272720336914px;"><option>세번째</option></span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"></select></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">------------------</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><js></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">$scope.aaa;</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">$scope.test = function(){</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">alert("11");</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">}</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">-------------------</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">소스는 이렇게 간단히 만들었습니다.</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">여기서 간단히 설명해 드리자면 첫번째로</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">ng-model을 쓴 이유는 ng-click과 달리 ng-change는 꼭 model을 조언을 받아서 작성 했습니다.</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">( 사실 이 부분에서 엄청나게 고생 했습니다. ng-click은 그냥 되었기 때문에;; )</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">그리고 test()를 정의해서 옵션을 클릭시 알림창 11이 나오게 됩니다.</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">다행이 기능은 정상 동작 합니다. 하지만 문제점이</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><img class="_rolling_0" alt="" src="http://kinimage.naver.net/20150609_94/1433812408361waqCd_PNG/asd.png?type=w620" width="138" height="133" style="margin:0px;padding:0px;border:0px;"> <br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">이렇게 비어있는 칸이 나오게 됩니다;;</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">아래에 첫번째,두번째,세번째 옵션중 하나를 클릭하면</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><img class="_rolling_0" alt="" src="http://kinimage.naver.net/20150609_163/1433812543131bvuWE_PNG/%B9%F6%B1%D7.png?type=w620" width="386" height="423" style="margin:0px;padding:0px;border:0px;"> <br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">두번째를 클릭 했더니 알림창이 11 떳습니다. (ng-change는 동작이 잘되는걸 알 수 있습니다)</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">그후에 select를 살펴보니 빈공간 옵션이 존재 하지 않습니다;;</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">뭔가해서 구글 f12로 살펴보니</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><img class="_rolling_0" alt="" src="http://kinimage.naver.net/20150609_207/14338125902474Tgmu_JPEG/change.jpg?type=w620" width="542" height="91" style="margin:0px;padding:0px;border:0px;"> <br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><option value="? undefined:undefined ?"> 이렇게 한칸이 존재 합니다;;</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">한번 클릭후엔 <span style="margin:0px;padding:0px;line-height:17.7272720336914px;"><option value="? undefined:undefined ?">는 사라지게 됩니다.</span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">제가볼땐 ng-model을 써서 그런거 같습니다.</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">js에서 $scope.aaa = "who"; 이렇게 넣어 보았을땐</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;"><img class="_rolling_0" alt="" src="http://kinimage.naver.net/20150609_278/1433812793995P9042_JPEG/who.JPG?type=w620" width="506" height="85" style="margin:0px;padding:0px;border:0px;"> <br style="margin:0px;padding:0px;"></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">빈공간은 그대로이고 string:who로 바뀌게 됩니다;;;</div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;line-height:20.0909080505371px;">ng-change를 쓰려면 반듯이 ng-model을 기재 해야 하기 때문에 <span style="margin:0px;padding:0px;line-height:1.5;">이렇게 어려움을 격고 있습니다. </span></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;">ng-model은 기재 했지만 거기서 $scope.aaa 에다가 무언가를 더 작성 해야 하는 것일까요?</div></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;"><br></div> <div style="margin:0px;padding:0px;color:#404040;font-family:gulim, sans-serif;font-size:13px;">쓴말 좋은말 전부다 달게 받겠습니다. 조언해 주시면 감사하겠습니다.</div></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.