게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
AngularJs - ng-change 2번째 질문입니다 (죄송합니다)
게시물ID : programmer_11073짧은주소 복사하기
작성자 : 문식이당
추천 : 0
조회수 : 1242회
댓글수 : 4개
등록시간 : 2015/06/09 14:50:37
옵션
  • 본인삭제금지
안녕하세요 우선 제 스스로 해결하지 못해 질문 드린점 죄송합니다
전에 오유님들 덕분에 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 에다가 무언가를 더 작성 해야 하는 것일까요?

쓴말 좋은말 전부다 달게 받겠습니다. 조언해 주시면 감사하겠습니다.
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호