세상과 연결

AngularJS HTML DOM - ng-hide 지시문 NG 숨기기 지시어는 성인물 HTML 요소를 보여줍니다. 예 I am not visible. I am visible. [전체소스] I am not visible. I am visible. [전체소스] I am not visible. I am visible.

AngularJS 이벤트 다음 지시문 중 하나 이상을 사용하여 HTML 요소에 AngularJS 이벤트 리스너를 추가 할 수 있습니다. 1. ng-blur 2. ng-change 3. ng-click 4. ng-copy 5. ng-cut 6. ng-dblclick 7. ng-focus 8. ng-keydown 9. ng-keypress 10. ng-keyup 11. ng-mousedown 12. ng-mouseenter 13. ng-mouseleave 14. ng-mousemove 15. ng-mouseover 16. ng-mouseup 17. ng-paste 이벤트 지시문을 사용하여 특정 사용자 이벤트에서 AngularJS 함수를 실행할 수 있습니다. AngularJS 이벤트는 HTML 이벤트를 겹쳐 ..

AngularJS 이벤트 - ng-click 지시문이 ng-click 지시자는 요소가 클릭 될 때 실행될 AngularJS 코드를 정의합니다. 예 Click me! {{ count }} 함수를 참조 할 수도 있습니다. [전체소스] Click Me! {{ count }} 예 Click me! {{ count }} [전체소스] Click Me! {{ count }}

Error:CreateProcess error=216, %1의 버전이 실행 중인 Windows 버전과 호환되지 않습니다. 컴퓨터의 시스템 정보를 통해 x86(32비트) 또는 x64(64비트) 버전의 프로그램이 필요한지 확인하고 소프트웨어 게시자에게 문의하십시오 위 오류가 발생하는 것은 java가 설치되어 있지 않거나 안드로이드 스튜디오에 자바 경로가 설정되어 있지 않아서 나오는 증세입니다. 자바가 설치되지 않았다면 설치 하신 후 자바환경설정 셋팅 후 안드로이드 스튜디오에서 File -> Project Structure -> Use embedded JDK (recommended)에 자바 경로를 넣어주면 됩니다.

AngularJS Filters 사용자 입력을 기반으로 배열 필터링 사용자 입력을 기반으로 배열 필터링ng-model입력 필드에 지시문을 설정하여 입력 필드의 값을 필터의 표현식으로 사용할 수 있습니다. 입력 필드에 문자를 입력하면 목록에 따라 일치 / 축소됩니다. {{ x }} [전체소스] Type a letter in the input field: {{ x }} The list will only consists of names matching the filter. 이미지와 같은 화면에서 input box에 목록에 있는 단어를 입력하게 되면 그 단어만 필터링해서 실시간으로 찾아주게 됩니다.

AngularJS Filters 필터 필터filter필터 어레이의 서브 세트를 선택한다. filter필터는 어레이에 사용될 수 있고, 그것은 단지 일치를 포함하는 배열을 반환한다. currency필터는 통화로 숫자를 포맷 : 예문자 "i"가 포함 된 이름을 반환합니다. {{ x }} [전체소스] {{ x }} This example displays only the names containing the letter "i".

AngularJS Filters 통화 필터currency필터는 통화로 숫자를 포맷 : 예 Price: {{ price | currency }} [전체소스] Price: {{ price | currency }} The currency filter formats a number to a currency format.

CSS3 그라디언트 그래디언트 방향을보다 잘 제어하려면 미리 정의 된 방향 (아래에서 위쪽, 오른쪽에서 왼쪽, 오른쪽 아래 등) 대신 각도를 정의 할 수 있습니다. 통사론background: linear-gradient(angle, color-stop1, color-stop2);각도는 수평선과 그라데이션 선 사이의 각도로 지정됩니다. 다음 예제는 선형 그래디언트에서 각도를 사용하는 방법을 보여줍니다.#grad { background: red; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(-90deg, red, yellow); /* For Safari 5.1 to 6.0 */ background: -..

CSS3 그라디언트 CSS3 그래디언트를 사용하면 둘 이상의 지정된 색상 간 부드러운 전환을 표시 할 수 있습니다. 이전에는 이러한 효과를 위해 이미지를 사용해야했습니다. 그러나 CSS3 그래디언트를 사용하면 다운로드 시간과 대역폭 사용을 줄일 수 있습니다. 그라디언트가 브라우저에서 생성되기 때문에 확대 / 축소하면 그라디언트가있는 요소가 더 잘 보입니다. CSS3는 두 가지 유형의 그라디언트를 정의합니다. 1. 선형 그라디언트 (아래 / 위 / 왼쪽 / 오른쪽 / 대각선으로 이동)2. 방사형 그라디언트 (중심에 정의 됨) CSS3 선형 그라디언트선형 그래디언트를 만들려면 적어도 두 개의 색상 정지 점을 정의해야합니다. 색상 멈춤은 자연스러운 장면 전환을 렌더링하려는 색상입니다. 그래디언트 효과와 함께 ..

CSS3 Colors CSS는 색상 이름, 16 진수 및 RGB 색상을 지원합니다. 또한 CSS3에서는 다음을 소개합니다. 1. RGBA 색상2. HSL 색상3. HSLA 색상4. 불투명 다음 예제에서는 서로 다른 RGBA 색상을 정의합니다. 예#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */#p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */#p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */ HSL 색상HSL은 색조, 채도 및 밝기를 나타냅니다. HSL 색상 값은 hsl (색조, 채도,..