본문 바로가기

전체 글

3. todo 여러개 출력하기(반복문 사용하기) - ng-repeat ng-repeat 배열과 같이 사용할 때 좋다.https://docs.angularjs.org/api/ng/directive/ngRepeat 배열로 선언을 한다. var app = angular.module('todo',[]); app.controller('TodoCtrl',['$scope', function($scope){ $scope.todos = [ { title : '제목1', contents : '내용출력1', completed : false, name : '홍길동1', regdate : Date.now() }, { title : '제목2', contents : '내용출력2', completed : false, name : '홍길동2', regdate : Date.now() }, { title .. 더보기
2. ng-app, ng-init 사용하기, AngularJS개념, 간단한 todo객체 만들어보기 ng-app : 여기서부터는(이미지에서는 body부분) angularJS를 사용하겠다는 의미.ng-init : 자바스크립트 변수나 함수를 초기화 하는 것. 출력방법 : expression(표현식)을 사용한다 : {{ name }} Hello {{name}}! AngularJS 기본 틀. (function(){ })(); 모듈 만들기 : AngularJS에 app이라는 변수를 만들어 angular모듈을 만든다. angular라이브러리를 추가했기 때문에 그 안에있는 함수에 angular.module()이란 모듈을 정의할 수 있는 함수를 사용할 수 있다. (function(){ var app = angular.module(); })(); 첫번째 함수에 모듈 이름(todo)을 적는다, 두번째 변수에는 배열([].. 더보기
1. AngularJS 기본 개발 환경 AngularJS 공식 사이트 https://docs.angularjs.org/guide/concepts Directives : 확장된 html 커스텀 속성과 엘리먼트로 구성된 것.테그에 있는 속성을 직접 정의해서 사용하는 것. Expressions : 자바스크립트에서는 변수와 함수를 만들 수 있는데, html파일에서 자바스크립트에 있는 데이터를 출력할 때 사용하는 기법. hello {{ name}}! {{ name }} 이라는 변수안에 world라는 변수가 저장되어있다면 hello world!라는 문자열이 출력되게 하는 것. Module : 디렉티브, 컨트롤러, 서비스라는 개념들이 있는데 이런것드를 하나로 모아놓은 것을 모듈이라고 한다.의존관계가 있을 때 서로 주입해서 사용할 수 있다. Controll.. 더보기

티스토리툴바