FrontEnd/Angular 썸네일형 리스트형 ngDraggable -앵글러 모듈을 활용한 드래그앤 드랍 순서 정렬 그간 밀려드는 프로젝트를 처리하느라 포스팅에 소흘했습니다... :ㅇ오랫만에 포스팅을 해봅니다.!오늘 소개해 드릴 모듈은 Angular 에서 Draggable 한 Ordering 을 구현하는 모듈 입니다.설치 방법과 사용방법은 무척이나 간단합니다.bower install ngDraggable설치후 실행될 컨트롤러가 있는 index.html(기본) 안에 ngDraggable.js 스크립트 파일을 추가시켜줘야 합니다.이때 Angular.js 가 먼저 로드 되어야 하기때문에Angular.js 보다 아래 라인에 스크립트 파일을 추가합니다. 그리고 , 의존성을 추가 해줘야 합니다.var app = angular.module('eventApp', [ 'ngRoute', 'angularFileUpload', 'ui.b.. 더보기 Angular 에서 Primitive 타입 대신 오브젝트 사용 요즘.. 블로그를 할시간을 내기가 힘들다.. 그래도 해당 내용은 중요한것같아서 포스팅 해놓고자한다. 한빛에서 나온 Angular 책을 보다보면 예제에 정의된 데이터 모델의 형태가 궁금했다. 왜 Primitive 타입이 아닌 객체방식을 사용하는지 ? 데이터 모델은 프리미티브가 아닌 오브젝트를 사용해야 하는데.. 지시어는 객체를 사용할때 복사가 아닌 참조 방식을 이용해서 모델 속성 값을 받을 수 있는 $scope 자식 오브젝트를 포함하며 프리미티브 타입의 값을 사용할 경우 찾기 어려운 에러를 유발할 수도 있다. 자세한 내용은 해당 주소 참고 바란다! https://github.com/angular/angular.js/wiki/Understanding-Scopes 더보기 ng-keypress 키보드를 누를때 발생하는 이벤트 처리 ( 엔터키 처리 ) 요즘은 Angular 를 다뤄보고 있습니다. 몇일 다뤄본 소감은 재미있습니다.!오늘은 간략히 Angular 에서 ng-keypress event 를 이용해 엔터키를 식별하는 소스를 구현해보겠습니다.공식 사이트에 있는 내용은 다음과 같습니다. 간략한 예제로 사용방법에 대해 설명하고있습니다. 그러나 이걸로는 부족하겠죠? 실제 구현을 해보겠습니다.html 에서 password 필드를 만들고 ng-keypress 를 입력하고 실행할 함수를 입력합니다. 파라미터에 $event 를 넘기는것이 핵심입니다.!함수가 정의되어있는 Js로 가보겠습니다.angular.module('eventApp') .controller('login_main', function ($scope,executeResults ,$http, $rou.. 더보기 이전 1 다음
