목록UI업데이트 (2)

투케이2K

4. (AngularJS/앵귤러JS) AngularJS ng-click 클릭 이벤트 적용해 컨트롤러 내부 함수 호출 및 UI 업데이트 실시

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : AngularJS [자바스크립트 소스코드] ​ ​ ​ [BODY 소스코드] 이름 : {{Name}} , 나이 : {{Age}} [결과 출력] ​ [클릭 (전)] ​ ​ [클릭 (후)] [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. ng-app : AngularJs 를 사용하겠다는 의미입니다 (특정 이름 지정 시 자바스크립트에서 controller를 사용해 데이터를 지정 및 view에 연결할 수 있음) 3. ng-controller : ng-app 이름 지정 시 컨트롤러에서 $scope 데이터를 지정 및 저장 후 view 에 연결해줍니다 4. $scope : 컨트롤러 데이..
AngularJs 2021. 9. 16. 10:48
3. (AngularJS/앵귤러JS) AngularJS 모듈 컨트롤러 변수 값 동적 변경 및 UI 업데이트 실시 - 외부 JS 에서 컨트롤러 함수 호출

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : AngularJS [자바스크립트 소스코드] ​ ​ ​ [BODY 소스코드] [myInfo 변수 지정] 이름 : {{Name}} , 나이 : {{Age}} [결과 출력] ​ [데이터 변경 (전)] ​ ​ [데이터 변경 (후)] [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. ng-app : AngularJs 를 사용하겠다는 의미입니다 (특정 이름 지정 시 자바스크립트에서 controller를 사용해 데이터를 지정 및 view에 연결할 수 있음) 3. ng-controller : ng-app 이름 지정 시 컨트롤러에서 $scope 데이터를 지정 및 저장 후 view 에 연결해..
AngularJs 2021. 9. 16. 10:18
Prev 1 Next