spa2 [AngularJS2] 부모-자식 컴포넌트 데이터 바인딩하기 (2) 지난 포스팅에 이어서 글을 쓴다. 지난 포스팅 링크 (https://devkingdom.tistory.com/100) 지난 포스팅에서는 자식 -> 부모 -> 자식 컴포넌트으로 데이터를 전송하기전에 각각의 컴포넌트를 만들어놓았었다. 오늘은 본격적으로 코딩을 해서 컴포넌트끼리 통신을하게 만들어보자. 자식 컴포넌트(ButtonComponent) 에서 데이터 보내기 먼저 button.component.ts 를열어서 Output에다가 Click Event를 달아보자. 코딩은 아래와 같이 해주면된다. 이렇게 해놓으면 부모 컴포넌트에 클릭을 통해 데이터를 넘겨주는게 가능해진다. 그리고 이 기능을 button.component.html 안에서 직접 사용해보자. 간단하게 버튼을 만들고 버튼의 클릭 이벤트에서 내가 컴포넌.. 2020. 3. 8. [AngularJS2] 부모-자식 컴포넌트 데이터 바인딩하기 (1) 하이 ~~ 후... 벌써 삼월이다. 코로나때문에 어디 나가지도 못하고.. 계속 집 회사 집 회사다 ㅜㅜ 어서 코로나가 끝나고 야외활동 좀 하고싶다 ㅜ-ㅜ 오늘은 웹쪽 기술을 좀 다뤄볼꺼다. 자세하게 얘기해보면... 오늘 다뤄볼 내용은 바로 ...! Angular2 에서 프로젝트를 생성하고 안에 컴포넌트를 만든 뒤 자식 컴포넌트에서 부모 컴포넌트로 , 다시 부모 컴포넌트에서 자식 컴포넌트로 데이터를 바인딩하는 걸 간단하게 코딩해볼꺼다. 프로젝트 생성 자...! 먼저 프로젝트를 간단하게 생성해보자. 먼저 터미널을 켜고 ..! 작업을 할 디렉토리로 이동하자. 그러고 난뒤에 ng new [프로젝트명] 을 입력해주자! 응 할거야~~ yes 뭘 선택하든 상관없지만 나는 SCSS 를 쓸거당 그러고나서 조금만 ... .. 2020. 3. 4. 이전 1 다음
