Angular Forms: ngx-bootstrap

angular.io의 resources 메뉴 클릭

UI Components 섹션의

ngx-bootstrap을 클릭

get started

사용법이 잘 나와 있다. ng add를 사용해 부트스트랩 모듈을 추가 가능.

아래 명령으로 앱 설치

ng add ngx-bootstrap –component buttons

app.module.ts를 보면 이미 ButtonsModule을 사용할 준비가 되어 있음.(import구문)

원하는 페이지에 해당 요소 복사

ts파일에 singleModel을 On으로 초기화하고,

btnCheckboxTrue에는 True(On)을, btnCheckboxFalse에는 False(Off)을 매칭시킴. 버튼의 라벨은 singleModel을 그대로 출력

초기 상태

클릭하면 Off로 바뀜

이것도 살펴보세요!

Vue3: 프로젝트 폴더/파일 구성, ESLint

새로 만든 Vue 프로젝트의 폴더/파일 구성 폴더/파일내용.vscodeVisual Studio용 설정 파일dist배포용 파일 세트를 저장node_modules라이브러리를 저장public웹으로 공개할 …

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다