코딩모음 코딩모음

토글버튼은 인터넷에 찾아면 많지만 angular2에서 토글 버튼 값을 이용하는 것이 안나와 있어서 글을 써봅니다. 일단 토글키를 만들어야 하는데 저는 https://www.htmllion.com/css3-toggle-switch-button.html 여기를 참조 하였습니다. html 에 삽입하고 css 로 꾸며주면 .switch { position: relative; display: inline-block; width: 100px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradien..

*공부 목적으로 적는것으로 코드가 다를수 있습니다. 페이징을 처리하고 번호를 클릭하니 번호가 표시되지 않아 표시를 만들려고 한다 {{ item }} 아이템 번호와 현재페이지가 같으면 active 클레스를 실행 시키고 아니면 아무것도 안한다. css 부분 .page > ul > li.active { border:1px solid #303849; color:#fff; background:#303849; } 이미 css 에 page 라는 클래스가 잡혀 있어서 li.active 로 상속 클래스를 만들었다.