본문 바로가기
반응형

angularJS2

angularjs로 modal (ui-bootstrap)을 띄우고 값 주고받기. AngularJS 로 bootstrap 의 Modal을 사용하는 예제이다. ui-bootstrap 은 2.5.0 을 사용했고angularjs는 1.6 버전을 사용했다. 팝업을 띄우고, 해당 팝업에 파라미터를 전달하고,OK를 눌렀을때 부모창에 인자값을 던진다. Modal PopUp 테스트Modal 팝업띄우기(normal)Modal 팝업띄우기(sm)Modal 팝업띄우기(large) 위의 코딩을 하면 아래처럼 화면이 나온다. 컨트롤(TestCtrl)을 선언한 TestController.js 파일 내부.var testApp = angular.module("testApp", ["ui.bootstrap"]);testApp.controller('TestCtrl', TestCtrl);TestCtrl.$inject = .. 2017. 5. 4.
AngularJS 쓸까, 말까? 'Front End' 에서 핫한 프레임워크 중 하나인 AngularJS.AngularJS를 개인프로젝트에 개발할때 썼었는데 jQuery(DOM 제어 위주의 Plug-in 을 사용) 했기 때문에 사실 엄청나게 불편했다. 사실상 DOM제어가 가장 필요해서 그랬을지도 모르겠다. 최근에 구성에 대해 다시 고민하는데 AngularJS가 눈에 들어왔다. 어찌됐든 사용수가 점점 늘어나고 있고, 프레임워크라는 성격상 유지보수가 유리하다고 하기 때문에 다시한번 살펴본것이다. 몇년전에 알았던 AngularJS관련 개념들은 굉장히 빈약했다는 사실을 인정하지 않을 수 없었다. 애초에 DOM 제어용이 아니라 MVC 개념으로 온것을 완전히 잘못 이해하고 있었던 것이다. 그래서 이참에 AngularJS에 대한 정리를 조금씩이나마 .. 2017. 4. 7.
반응형