앵귤러5 ngModel cannot be used to register form controls with a parent formGroup directive. ERROR Error: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions: Example: 해결방법 : formGroup 속성을 가진 태그의 하위.. 2020. 5. 27. Angular 시작하기 - 1 1. 템플릿 문법 - 앵귤러의 템플릿 문법은 HTML과 JS의 문법을 확장한 것으로 볼 수 있다. - angular-cli를 활용하여 간단하게 컴포넌트 또는 프로젝트를 생성할 수 있다. 1) 컴포넌트 만들기 ng generate component product-list(컴포넌트 명) 또는 ng g c product-list ng 명령어를 활용하여 컴포넌트를 쉽게 만들 수 있다. ng generate component product-list 를 축약한 명령어가 ng g c product-list이다. 이 명령어를 실행시키면 src/app/product-list 디렉토리가 생성되고, 내부에 ts, html, css 파일이 생성된다. 기본적으로 실행되는 내용이 모두 포함되어 있기 때문에 간편하게 사용이 가능하.. 2019. 7. 10. Angular 기본용어 정리 1. 컴포넌트란? - Angular의 핵심 구성요소 - Angular의 application은 컴포넌트를 중심으로 구성된다. - 뷰(view)를 생성하고 관리하는 역할을 수행 - 컴포넌트는 동작 가능한 하나의 부품 - 독립적이고 완결된 뷰를 생성하기 위하여 HTML,CSS,JS를 하나로 묶는 것 2. 디렉티브란? - DOM의 모든 것을 관리하기 위한 지시 - 동작 및 모양을 관리 - 공통관심사를 컴포넌트에서 분리하여 구현한 것으로, 컴포넌트의 복잡성을 낮추고, 가독성을 향상시킨다. - @Directive 데코레이터로 장식된 클래스 - 컴포넌트 디렉티브, 어트리뷰트 디렉티브, 구조 디렉티브, 사용자정의 디렉티브 등이 있다. 3. 파이프란? - 데이터 자체를 변경했을 때 발생하는 side effect를 방지.. 2019. 7. 8. Angular2 에서 jQuery 사용법 - Angular는 타입스크립트이기 때문에, 형 선언이 필요하다. - 따라서 jQuery를 사용하려면 jQuery 변수에 형 선언을 해주어야 한다. - 사용법은 간단하다. Angular 2.x 구성 요소에서 jquery 를 사용하려면 맨 위에 전역 변수를 선언한다. ex 1) jQuery에 $ 를 사용하는 경우 declare var $: any; ex 2) jQuery for jQuery를 사용하는 경우 declare var jQuery: any 이 내용을 최상단에 입력 후 사용하면 컴파일 오류 없이 jQuery를 사용할 수 있다. 2019. 7. 7. Angular 페이지 만들기 - 이전 포스팅을 보고 왔다면 Angular는 설치완료되어 있을 것이다. 2019/07/05 - [FrontEnd/Angularjs] - Angularjs 시작하기 Angularjs 시작하기 - 시작하기전에... Angular란? Angular는 SPA(Single Page Application) 개발을 위한 구글의 오픈소스 자바스크립트 프레임워크이다. 웹 애플리케이션은 물론 모바일 웹, 네이티브 모바일과 데스크탑 애플리케이션.. fathory.tistory.com - Angular를 처음 시작할 때, 아래의 명령어를 입력한다. "ng new 어플리케이션명" ng new my-app - 실행시킨 후 my-app 디렉토리가 생성된다. 해당 디렉토리로 이동한다. cd my-app - 디렉토리 이동 후 서비스.. 2019. 7. 6. 이전 1 다음 반응형
