angular.isUndefined 사용하기~

2015. 9. 23. 15:05Front/AngularJS

반응형

앵귤러를 사용하면서 아래처럼 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;
}


   끝.


반응형