안녕하세요 우선 제 스스로 해결하지 못해 질문 드린점 죄송합니다
전에 오유님들 덕분에
ng-change 동작을 성공 했습니다. 그후 또다른 문제점이 발생 하게 되었는데 2틀가량 다른 업무를 하면서 해결해 보았으나
제 실력이 미흡하여 아직도 해결을 하지 못했습니다....
기본 api와 구글링 스택오버플로우 까지 검색하면서 해보았지만
뭐가 문제인지 많이 해매고 있습니다. 아무래도 제 업무 능력에 문제 인거 같습니다..ㅠ
우선 어떠한 문제점은 아래에 작성하겠습니다.
<html>
<select ng-change="test()" ng-model="aaa">
<option>첫번째</option>
<option>두번째</option>
<option>세번째</option>
</select>
------------------
<js>
$scope.aaa;
$scope.test = function(){
alert("11");
}
-------------------
소스는 이렇게 간단히 만들었습니다.
여기서 간단히 설명해 드리자면 첫번째로
ng-model을 쓴 이유는 ng-click과 달리 ng-change는 꼭 model을 조언을 받아서 작성 했습니다.
( 사실 이 부분에서 엄청나게 고생 했습니다. ng-click은 그냥 되었기 때문에;; )
그리고 test()를 정의해서 옵션을 클릭시 알림창 11이 나오게 됩니다.
다행이 기능은 정상 동작 합니다. 하지만 문제점이
이렇게 비어있는 칸이 나오게 됩니다;;
아래에 첫번째,두번째,세번째 옵션중 하나를 클릭하면
두번째를 클릭 했더니 알림창이 11 떳습니다. (ng-change는 동작이 잘되는걸 알 수 있습니다)
그후에 select를 살펴보니 빈공간 옵션이 존재 하지 않습니다;;
뭔가해서 구글 f12로 살펴보니
<option value="? undefined:undefined ?"> 이렇게 한칸이 존재 합니다;;
한번 클릭후엔 <option value="? undefined:undefined ?">는 사라지게 됩니다.
제가볼땐 ng-model을 써서 그런거 같습니다.
js에서 $scope.aaa = "who"; 이렇게 넣어 보았을땐
빈공간은 그대로이고 string:who로 바뀌게 됩니다;;;
ng-change를 쓰려면 반듯이 ng-model을 기재 해야 하기 때문에 이렇게 어려움을 격고 있습니다.
ng-model은 기재 했지만 거기서 $scope.aaa 에다가 무언가를 더 작성 해야 하는 것일까요?
쓴말 좋은말 전부다 달게 받겠습니다. 조언해 주시면 감사하겠습니다.