Ace-T's Blog 내 검색 [네이버 커넥트 이웃 합니다~^-^/ 요청 大 환영~~]

angular.isUndefined 사용하기~

Front/AngularJS 2015.09.23 15:05
[Good Comment!!, Good Discussion!!, Good Contens!!]
[ If you think that is useful, please click the finger on the bottom~^-^good~ ]
by ace-T

앵귤러를 사용하면서 아래처럼 ng-model을 통해 input text에 들어오는 키워드들에 대해서 변경된 값을 바로바로 셋팅할 수 가 있다.

<div class="input">
<input type="text" id="keyword" name="keyword" data-maxbyte="52"
class="form-control input-sm" value="{{keyword}}" ng-model="app.query" ng-keypress="($event.charCode==13)?search(app.query):return" placeholder="검색어를 넣어주세요.">
</div>


그리고 한가지 유의할 점은 input value에 {{keyword}} 즉, 다른쪽에서 넘어온 데이터를 셋팅을 해주게 되면

input 의 변화가 없다면 undefined가 search()의 파라미터로 넘어가게 된다.

ex) {{keyword}}가 카카오! 이 상태에서 검색버튼을 누르면 app.query에는 아직 undefined이다!! 그래서 제대로 된 검색결과가 나오지 않는다.




그러므로 체킹을 한번 해주고 기존에 있는 데이터({{keyword}})를 활용하면 되겠다.

if(angular.isUndefined(keyword)){
keyword=$scope.keyword;
}


   끝.


acet 박태하가 추천하는 readtrend 추천글!

설정

트랙백

댓글

:::: facebook을 이용하시는 분들은 로그인 후 아래에 코멘트를 남겨주세요 ::::

티스토리 툴바