AngularJS에서 모듈을 생성하고 사용하는것은 매우 중요한 부분입니다. 아래는 .factory()를 사용하여 커스텀 서비스를 만들고 이를 디렉티브에 적용하여 사용하는 간단한 예제입니다.먼저 myApp에 커스텀서비스인 customServices를 생성하고 서비스명 testService에 메세지를 보여줄 showmsg() 메소드를 만들어봅니다.angular.module('customServices', []) .factory('testService', function() { return { showmsg: function(na...
$scope.$apply() 사용시 $digest 에러가 발생할 수 있습니다. 해결 방법은 무엇일가요?원인은 $apply 또는 $digest가 이미 진행중(In progress)인 상태이기 때문입니다. 가장 간단한 방법으로 $setTimeout()을 사용합니다.$timeout(function() { // 실행할 코드를 추가})위에 코드를 추가하면 자동으로 $apply와 동일하게 반영됩니다....
AngularJS에서 Service와 Factory의 차이점은 무엇이고 언제 어떻게 사용할까요? ...
AngularJS에서 드래그앤드랍(Drag and Drop) 즉, 드래그하여 요소를 이동하는 방법은 어떻게 될까요?# 드래그앤 드랍 AngularJS에서 구현하는 방법 알아보기먼저 드래그앤 드랍을 구현하기 위하여 커스텀 디렉티브(Custom Directive)를 사용합니다.그리고 반드시 필요한 드래그 이벤트는 아래 3가지입니다. 그 외의 이벤트는 필수는 아니며 선택적입니다.i. dragstart : 드래그가 가능하도록 변경ii. dragover : 드래그한 요소가 엘리먼트에 위치할 경우 발생iii. drop : 드래그가 실제 발생하였을때 이벤트# Drag and Dr...
Bootstrap의 datepicker를 사용하여 날짜를 선택할때 만약 선택가능한 날짜를 지정하려면 어떻게할까요?우선 최소 및 최대 날짜가 필요하고 아래 방법처럼 두 가지의 방법이 존재합니다.1. html 코드에 설정값을 추가2. datepicker config에 최소 최대값 추가# html 코드에 추가하는 방법<input type="text" datepicker-popup="" ng-model="dt" &nb...
angular js 언어에서 angularjs 2를 사용할 경우 가장 큰 장점은 무엇인가요?...
상황에 따라 변하는 텍스트 및 요소들을 구현하기 위하여 ng-switch 디렉티브를 사용할 수 있습니다. ngSwitch는 자바스크립트 switch() 비슷한 역할을 구현가능하게 해줍니다.만약 사용자가 글을 작성하게 저장할 경우 Save 버튼이 Saved로 변경하게 만들 경우 이 역시 switch를 사용하는 방법이 가능합니다. (참고로 조건이 적은 경우 ngIf 디렉티브를 사용하는 것도 좋습니다.)! ngSwitch 예제보기아래 예제에서는 isSaved라는 변수를 만들고 Save 버튼을 클릭시 이 변수값을 true로 변경하여 텍스트가 Saved로 바뀌게 하는 간단한 ...
angularjs에서 가장 많이 사용되는 디렉티브 중 하나가 바로 ng-repeat라고 할 수 있습니다. 워낙 많이 사용되기 때문에 반드시 알아야 하는 필수 디렉티브로 아래는 ng-repeat의 쓰임과 활용에 대하여 상세히 알아보려합니다.! ng-repeat의 역할ng-repeat는 연속된 여러개의 값을 가진 데이터 값을 사용하여 하나의 리스트 또는 목록으로 반환하고 보여주는 기능을 가지고 있습니다. ng-repeat는 for()문 또는 제이쿼리의 $forEach()와 비슷한 동작을 구현합니다. 그럼 아래는 예제코드입니다.예를 들어 fruit이라는 변수가 있고 이를 ...