TODAY : 4 / TOTAL : 742,711

web

[Angular] error NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'.

Angular를 처음 접하시는 분들께서 양방향 바인딩 ( two-way binding ) 에 대해 배우실 때 쯤, ngModel 을 사용하다가 마주치게 될 확률 이 높은 에러 입니다. 문제점 // input-customer.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-input-customer', templateUrl: './input-customer.component.html', styleUrls: ['./input-customer.component.css'] }) export class InputCustomerComponent implements OnInit { public inpu..

[Angular] error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with *

문제점 사용자의 이름과 연락처가 적힌 데이터를 받아 온 후, 화면에 목록을 표시하는 작업을 하고자합니다. 사용자 목록을 표기하기 위해 ngFor를 사용하고, 사용자 정보가 하나도 없을경우엔 테이블이 완전 보이지 않도록 ngif로 처리하고자 다음과 같이 코드를 작성하였습니다. {{user.name}} / {{user.phone}} 그 뒤 컴파일을 진행하면, 아래와 같은 에러가 발생합니다. error NG5002: Can't have multiple template bindings on one element. Use only one attribute prefixed with * 구조적 지시문 ( structural directives ) 에 해당하는 ngIf , ngFor 와 같은 녀석들은 DOM을 직접 조..

[Angular] 국내 연락처 변환용 Pipe

일반 전화번호부터 지역국번 및 전국대표번호까지 입력된 숫자에 맞춰 ' - ' 하이픈( hyphen )이 적용된 포멧으로 변환시켜줍니다. 사용방법 1. Module 초기화. // 필자가 전역으로 사용하는 모듈임. ***** 해당 모듈은 app.module.ts 에 import 됩니다. // app.module.ts 에 ContactPipe를 선언 (declarations) 하셔도 됩니다. // shared.module.ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; // ... import { ContactPipe } from 'src/sys/contact.pipe'; @NgModule({..

NPM? Yarn? , 본인에게 편한게 최고!

웹을 개발하다보면, 업체별 / 프로젝트별로 패키지 관리자가 제각각인 경우가 많습니다. 필자의 경우도, 회사와 외주프로젝트 서로 다른 패키지 매니저를 써왔으나, 성능적인 부분 이외엔 사실 큰 특징을 모른채 사용해 왔습니다. 그리하여 이번에 공부 겸 비교 포스팅을 한번 작성 해 보았습니다. NPM ? 가장 유명한 자바스크립트 패키지 매니저로, 자바스크립트 개발자들이 가장 많이 쓰는 node.js 의 기본 패키지 관리자이기도 합니다. 수많은 개발자들이 제작한 패키지를 자유롭게 공유하는 세계 최대의 패키지 저장소로, 압도적인 자료와 커뮤니티를 기반으로 거대한 개발 생태계가 구축되어있습니다. YARN ? 페이스북에서 제작한 새로 나온 자바스크립트 패키지 매니저입니다, 다운받은 패키지 데이터를 캐시(cache)에 ..

SEARCH

태그로 찾아보기