HEROJOON 블로그(히로블)

AngularJS에서 동적으로 id, ng-model의 name을 할당할때 예시입니다.

checkbox 초기값 셋팅 및 선택한 값 가져오기 흰우유 초코우유 딸기우유 오디우유 선택한 checkbox value 가져오기 radio button 초기값 셋팅 및 선택한 값 가져오기 흰우유 초코우유 딸기우유 오디우유 선택한 radio value 가져오기

// route에 param 설정 app.config(['$routeProvider', function($routeProvider) { $routeProvider .when('/', { templateUrl: 'main.html', controller: 'MainController' }) .when('/samplepage/:sampleId', { templateUrl: 'samplepage.html', controller: 'SampleController' }) .otherwise({ redirectTo: '/' }); }]); // SampleController.js에서 넘겨진 Param 가져오기 $scope.sampleId = $routeParams['sampleId'];

1. 환경 Framework : Spring Boot 2.2.4 Build : Gradle 5.2 JDK : JDK8 Front : JSP Rendering : Server Side Rendering 2. 목표 : 리스트 페이지에서 상세 페이지 이동후 다시 리스트 페이지로 돌아올 때 scroll값을 기억할 수 있게 한다. 더보기 3. Jquery scrollTop정리 3-1. Jquery CDN 추가 : Jquery scrollTop을 사용하기 위해서 필요한 Jquery lib를 JSP페이지에 추가해준다. https://code.jquery.com/ 3-2. 스크롤 위치 기억 $('html, body').animate({scrollTop:위치값 넣어줌}, 'duration값 넣어줌') 1) scroll ..

목차 forEach를 이용하여 list value 읽어오기 list value(map)안에 있는 list value(map) 값 변경하기 list와 list 합치기 샘플 코드 (by herojoon) 예제 dataMaps: [ // 초기 샘플 데이터 { no: 1, name: 'herojoon', age: 17, address: 'seoul', favoriteColors: [ { favoriteNo: 1, color: 'blue' }, { favoriteNo: 2, color: 'red' } ] }, { no: 2, name: 'chulsoo', age: 19, address: 'suwon', favoriteColors: [ { favoriteNo: 1, color: 'yellow' }, { favori..