목록프레임워크/Angular Framework (14)

Fall in IT.

Angular2 HTTP(get,post) 사용법

안녕하세요. 오늘은 Angular2에서 HTTP 서비스인 get, post 사용법에 대해서 알아보겠습니다. HTTP Service란?간단히, HTTP 서비스를 통해 서버에 데이터를 요청하고, 데이터를 받아올 수 있는 기능입니다. Angular2에서 HTTP 사용법서비스 클래스를 생성합니다. (ionic sample 코드를 가지고 테스트를 진행하였습니다.) - ionic은 모바일앱 개발을 위한 angular2 기반의 오픈소스 프레임워크 입니다. 서비스 클래스에 HTTP 요청을 위한 로직을 구현합니다. - 서비스 클래스는 Injectable 데코레이터를 붙여줍니다. app.module.ts의 provider에 서비스 클래스를 등록합니다. 사용하고자하는 곳에서 import 하여 서비스를 사용합니다. subsc..
프레임워크/Angular Framework 2017. 3. 26. 12:23
Angularjs 에러 Blocked loading resource from url not allowed by $sceDelegate policy 해결방법

안녕하세요. 오늘은 Angularjs에서 발생하는 "Blocked loading resource from url not allowed by $sceDelegate policy" 에러 해결방법에 대해서 알아보겠습니다. 에러상황Angularjs에서 AWS S3 비디오 url 사용시 다음과 같은 에러가 발생합니다. 해결방법해당 url이 사용가능하도록 합니다. app.filter('trusted', ['$sce', function ($sce) { return function(url) { return $sce.trustAsResourceUrl(url); }; }]); 참고http://stackoverflow.com/questions/21292114/external-resource-not-being-loaded-b..
프레임워크/Angular Framework 2016. 11. 10. 23:02
AngularJS에서 ng-src reload하는 방법

안녕하세요. 오늘은 AnuglarJS에서 img 태그 안에 ng-src 디렉티브에 설정된, url (이미지 경로)에 대해서 reload하는 방법을 알아보겠습니다. 필요한 상황이미지 서버에서 이미지가 변경 되었는데, 경로는 그대로인 경우 reload가 필요합니다. ng-src reload 방법기존의 url에 현재 시간과 같은 변경이 있는 값을 더해줍니다. 예제소스 angular.module('ngSrcDemo', []) .controller('AppCtrl', ['$scope', function ($scope) { var imageUrl = "http://example.com/img.png"; $scope.imageSource = imageUrl + "?cb=" + new Date().getTime(); ..
프레임워크/Angular Framework 2016. 8. 30. 23:34
AngularJS 개념 및 기초잡기

안녕하세요. 오늘은 AngularJS 1의 기초개념에 대해서 알아보겠습니다. AngularJS란?AngularJS는 구글에서 만든 자바스크립트 프레임워크로, 2009년에 발표되었습니다.AngularJS는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션 개발의 정수이다. AngularJS 특징자바스크립트로 작성할 코드량을 줄여준다. - Dom을 선택하고 조작하는 자바스크립트 코드를 작성하지 않아도 됩니다.양방향 데이터 바인딩이 가능합니다. - 모델의 데이터와 뷰 데이터가 양방향 데이터 바인딩이 되어, 모델이 바뀌면 뷰 데이터도 같이 변경 됩니다.HTML, CSS, 로직 등의 개발 영역을 명확하게 분리해줍니다. - 기존 자바스크립트에서는 Dom 조작과 이벤트..
프레임워크/Angular Framework 2016. 8. 23. 00:22
Prev 1 2 Next