angularJS 썸네일형 리스트형 [AngularJs] - for문으로 index값 얻어내기 AngularJs 에서 for문으로 Index값 얻어내기 더보기 [AngularJs] - ng-model 속성을 사용하면서 라디오 버튼 하나를 default로 선택되게끔 문제상황 ng-model 속성을 사용하면서 3개의 라디오 버튼 중 하나를 default로 나오게 해야됨 문제 해결 ng-init 속성 사용 // default로 선택된 라디오 버튼을 HTTP로 하고자 한다 // ng-init="ng-model=radio value" 내 경우에는 ng-model이 pop.ports.protocol 이고 value가 HTTP다. Reference How to set the default value for radio buttons in AngularJS? 더보기 [AngularJs] - radio와 checkbox 차이 문제상황 ng-repeat을 통해 나오는 값을 다중선택 혹은 해제할수 있어야 함. 문제 해결 checkbox 속성 사용 // 수정하려는 기존 데이터의 프로토콜 값이 HTTP 기존에는 input 의 속성이 radio 로 되어있다 보니 다중선택이 안됐었다. 되도록 구현해봤으나 해제가 안됨……(삽질을 몇시간 한거지 대체..) 더보기 [AngularJS] - ng-checked 문제상황 데이터 수정시 기존값이 선택된 채로 있어야 한다. 문제 해결 ng-checked 사용 // 수정하려는 기존 데이터의 프로토콜 값이 HTTP Reference angularjs에서-ngchecked-사용하여-체크박스-라디오-체크-변경하기 AngularJS ng-checked Directive angularjs 공식 문서 더보기 [AngularJs] - ng-mouseover 문제상황 텍스트에 마우스 오버 했을때 특정 화면이 tip 화면 처럼 나와야함 문제 해결 ng-mouseover 사용 Reference 8 Example(s) of Ng-Mouseover 더보기 [AngularJs] - angularJS 이중 배열 for문으로 접근하기(html) 개요 이중 배열로 된 데이터를 반복문으로 돌면서 그 안에 있는 특정 배열에 대한 반복문을 통해 접근해야되는 상황 해결 ng-repeat 사용 최초 추출한 데이터를 한번 더 ng-repeat in Js // 데이터 형식 ct.lbServiceLists = { "iaasLbInfo":{data}, "iaasLbPorts":[data], "iaasLbPortMembers":[data] } in html // 전체 값을 반복문으로 접근 // 값이 담긴 data를 한번 더 ng-repeat하여 iaasLbPorts 값을 추출 더보기 [AngularJs] - 반복문으로 이중배열 데이터를 빈 배열에 추가 개요 이중 배열로 된 데이터를 반복문으로 돌면서 그 안에 있는 특정 배열을 빈 배열에 추가해야 하는 상황. 해결 빈 배열을 초기화 for 문 작성 push() 사용 // 작업에 사용할 배열에 대한 선언 및 초기화 ct.iaasLbPortList = []; // 특정 변수에 배열을 초기화 ct.lbServiceList = data.content; // for문 작성 for (var i=0; i < ct.lbServiceList.length; i++) { // push 메서드 사용 ct.iaasLbPortList.push(ct.lbServiceList[i]); } Reference (자바스크립트)-배열에-값-앞-또는-뒤에-추가하기-unshift()-push() 더보기 [AngularJs] - ng:cpws Can't copy! Making copies of Window or Scope instances is not supported 개요 [ng:cpws] Can't copy! Making copies of Window or Scope instances is not supported. 해결 문제가 되는 부분의 배열을 초기화 하거나 삭제 // 문제가 발생한 코드 $scope.contents = angular.copy(common.getMainContentsCtrlScope().contents); // 수정 코드 $scope.contents = []; 원인 reference의 내용을 대략적으로 참조해보면 위의 메시지가 뜨는 경우엔 특정 스코프의 인스턴스 복사가 허용되지 않기 때문에 위와 같은 에러가 발생한다. 때문에, copy 메서드를 사용하지 않거나 해당 변수를 빈 배열로 초기화 해줘야 한다. Reference Error: ng:cpw.. 더보기 이전 1 2 다음
