목록WEB/AngularJS (9)
Knowledge Map
$route는 위치(URL) 변경에 따라 뷰를 전환하는데 쓰인다. 공식 홈피의 API를 함고 해보면 다음과 같다.---$route is used for deep-linking URLs to controllers and views (HTML partials). It watches $location.url() and tries to map the path to an existing route definition. 컨트롤러와 뷰에 URL을 깊게 연결하기위해서 쓰이며 $location.url()를 본다고 한다.또한 기존의 route definition 에 경로를 연결 시도하는데에도 쓰이는거 같다. $routeProvider's API를 통해서 정의할수 있으며 ngRoute모듈이 설치되어 있어야 사용가능하다.$r..
null값인지 비교할때에는 단순히 ng-if="!이름" 이런식으로 하면된다.
참고한 사이트http://stackoverflow.com/questions/18733680/unknown-provider-modalprovider-modal-error-with-angularjs AngularJS 버전 : 1.4.2 [ERROR : angular.js:12332 Error: [$injector:unpr] Unknown provider: TypeProvider
angularjs에서 윤년 처리할수 있는 콤보 박스를 만들어 보았다.사실.. 그냥 datepicker을 하고 싶었으나 콤보 박스 하라고 하니 어쩌겠나. 해야지.. 일단 더럽게 못짠 코드라서 그냥 정말 헤매는 사람만 참고삼아 보길 바란다.angularJS버전은 1.4.2이다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364//변수 선언을 해준다. //monthData를 통해서 html화면에 ng-repeat로 뿌려주려고 한다.//dayData를 통해서 각 월별로 날수들을 읽어들일수 있게 한다.//dayMonthData는 dayData에서 해당..
http://plnkr.co/edit/0Jf4qrpHAXY8MeeVA3kl?p=preview 참조 123456789101112131415161718192021222324angular.module('plunker', ['ui.bootstrap']);var ButtonsCtrl = function ($scope) { $scope.singleModel = 1; $scope.radioModel = 'Left'; $scope.checkModel = { left: false, middle: true, right: false }; $scope.toggleMode = function() { if ($scope.radioModel == 'Left') { console.log('Left clicked') alert($sc..
알다 시피 angularJS는 translate를 적용가능해서 해당 기능만 만들면 쉽게 다국어 변형이 가능하다.보통 l10n에서 많이 처리한다. 보통은 태그 안에 translate="경로 이름" 을 적는 방식으로 많이 하는데 placeholder에는 어떻게 적용을 할까? 1cs 이런식으로 한다. 예를 들어 content.example.test 이런식이면 1cs 이렇게 해주면 된다. ========================================================== angularJS내의 컨트롤로에서 $translate.instance('cotent.signup.text) 이런식으로 사용하게 되면 컨트롤러 내에서 translate를 통한 번역 처리가 가능하다.
URL 막기.AngularJS에서 URL과 HTML파일의 맵핑은 하기 나름이기는 하지만 app.js에서 주로 한다. $routeProvider를 이용해서 templateUrl, controller를 잡는다. 123456789101112131415161718angular .module('testApp', [ 'ngAnimate', 'ngCookies', 'ngResource', 'ngRoute', 'ngSanitize', ]) .config(function ($routeProvider, $translateProvider) { $routeProvider .when('/intro', { templateUrl: 'view/intro.html', controller: 'IntroCtrl' }) .when('/in..
참고로 angularjs에서는 단순히 하이퍼링크를 이용한 탭구현(, ng-click, ng-class) 을 할경우에는 탭 클릭시 화면이 리다이렉트 되는 효과가 있어서 계속 문서 제일 위로 간다고 한다. 물어보니 directive로 탭구현하는 걸 추천했다. 하지만 오히려 directive를 통해서 만든 것이 올라가는 현상이 일어나서제일 첫번째 부트스트랩으로 짜는 탭메뉴를 사용했고 그 이후 scroll up 현상이 없어졌다...힘들었다. 의외로 버전이 다르거나 해서 잘 안되었다. 그래서 다시 찾아서 링크http://embed.plnkr.co/OClpNUjrGzldKaWCaAhU/
참조 사이트 : https://nulpulum.gitbooks.io/angularjs-spa/content/chapter1-1.htmlhttp://jeonmyung.tistory.com/entry/AngulrsJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-01-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%B0%8F-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%84%B1 1. 개발도구 설치- Git 설치http://www.git-scm.com/downloadshttp://www.git-scm.com/book/ko/v2 - NodeJS 설치http://www.nodebeginner.org/index-kr.ht..