angular [Angular] tsParticles를 사용하여 아름답고 사실적인 색종이 애니메이션을 만드는 방법 tsParticles와 1.30 버전에서 생성된 새로운 색종이 조각 애니메이션에 대한 글을 썼습니다. 이 구성은 모든 Angular tsParticles 설치(ng-particles 패키지)에서 있는 그대로 사용할 수 있습니다. app.module.ts app.component.html app.component.ts 작업 샘플은 아래에서 찾을 수 있습니다. tsParticles - 고도로 사... angularjavascriptshowdevwebdev RxJs 연산자 및 몇 가지 예에 대한 약간의 대화 안녕하세요 여러분! 오늘 저는 RxJs 연산자가 흥미로운 연산자인지 보여드리고자 합니다. 먼저 RxJs 연산자가 무엇인지 간단히 보여드리겠습니다. RxJs 연산자는 함수이며 데이터로 흥미로운 작업을 수행할 수 있도록 하며 두 가지 유형의 연산자가 있습니다. Pipeable 연산자는 observableInstance.pipe(operator()) 구문을 사용하여 호출할 수 있습니다. Obser... tutorialrxjsangularbeginners Angular: 콘텐츠 프로젝션 엔드투엔드 콘텐츠 프로젝션은 다른 구성 요소 안에 표시하려는 콘텐츠를 삽입하는 패턴입니다. <ng-content></ng-content> - 다른 구성 요소 내부에 콘텐츠를 투사하는 책임이 있습니다. 단지 자리 표시자일 뿐이며 실제 예상 콘텐츠로 대체됩니다. Angular에서 이를 수행하는 방법에는 여러 가지가 있습니다. 단일 슬롯 콘텐츠 프로젝션: 다른 구성 요소는 단일 소스의 콘텐츠를 허용합니다. ... angulartypescriptjavascriptwebdev Angular의 조건부 지연 로드 모듈 지연 로딩 모듈은 Angular 애플리케이션의 성능을 향상시키는 데 도움이 되는 중요한 기능입니다. 이 기능은 놀랍고 대부분의 사용 사례를 해결합니다. 최근에 경로 경로에 대한 모듈을 조건부로 로드해야 하는 사용자 시나리오에 직면했습니다. 시나리오는 사용자에게 일부 권한이 할당된 경우 모듈을 로드하거나 다른 모듈을 로드하는 것입니다. 사용 사례는 합법적인 것 같지만 현재 지연 로딩 모듈 기능... angularjavascriptwebdevelopmewebdev Angular의 DI는 구성 요소를 더 스마트하게 만들 수 있습니다. Angular에 내장된 종속성 주입은 매우 강력하며 오늘 우리는 이를 사용하여 구성 요소를 스마트하게 만드는 방법을 살펴보겠습니다. 버튼 구성요소에 대해 알아보겠습니다. 여기에서 버튼 구성 요소가 다양한 구성 옵션을 제공하여 다양한 사용 사례를 처리하는 데 사용할 수 있음을 알 수 있습니다. 이러한 모든 입력을 항상 제공하는 것은 번거로울 수 있으며 불일치로 이어질 수도 있습니다. 이 문제를... angularjavascriptcomponentwebdev 🚀 Angular 13 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 이것은 당신이 찾고 있는 Angular 13 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 으로 자동 문서화 ✅ 으로 프로젝트 분석 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드에... angularprogrammingjavascriptwebdev Angular에서 여러 환경 변수를 사용하는 방법 이 기사에서는 다양한 파일의 다양한 환경 변수에 대해 알아봅니다. 첫째, 각도 응용 프로그램을 만들 때 기본적으로 두 개의 환경 파일이 있습니다. 하나는 dev용이고 다른 하나는 prod용입니다. 그러나 QA, UAT, PROD, DEV 등과 같은 더 많은 환경 파일과 모든 파일을 생성해야 하는 경우 API 및 기타 값에 대해 서로 다른 상수 변수가 있습니다. 다른 요구 사항을 위해 qa, ... angulartutorialjavascriptwebdev Angular에서 CAPS-LOCK 켜기/끄기 이벤트 처리 이것은 흥미롭지만 매우 일반적으로 예상되는 사용 사례입니다. 특히 암호를 입력하는 동안 CAPS-LOCK이 켜져 있음을 사용자에게 경고하여 사용자가 이를 알고 필요한 경우 변경할 수 있도록 합니다. CAPS-LOCK-ON/OFF 메시지를 표시하는 방법을 보여주는 Angular 13.3.0 애플리케이션 이 데모에서 처리되는 몇 가지 시나리오가 있습니다. 사용자가 암호 필드에서 Caps-Lock... angularmaterialjavascriptevent NGXS를 사용한 Angular의 상태 관리 - 1부 #NGXS를 사용하여 #Angular 애플리케이션의 상태를 관리하는 것이 얼마나 쉬운지 확인하고 Auth0의 SDK와 함께 NGXS를 사용하여 사용자 관련 기능을 처리하는 방법을 알아보세요. 상태 관리는 애플리케이션을 구축할 때 핵심 구성 요소입니다. Angular 애플리케이션에서 상태를 관리할 수 있는 다양한 접근 방식이 있으며 각각 장단점이 있습니다. 이 블로그 게시물은 NGXS를 상태 ... angularsecurityprogramming Angular의 양식 유효성 검사 양식 유효성 검사는 Angular에서 배워야 할 가장 중요한 것 중 하나입니다. 오늘 저는 제가 찾은 Angular에서 유효성 검사를 작성하는 가장 좋은 방법을 설명하겠습니다. 여기서 목표는 시간을 절약하고 깨끗하고 읽기 쉬운 코드를 갖는 것입니다. FormsModule 및 ReactiveFormsModule를 가져와 imports 배열에 추가합니다. 우리의 목표는 다음 양식을 만드는 것이므... angulartypescript 예를 들어 Angular의 지연 로딩 이 기사에서는 이해를 돕기 위한 예제와 함께 Angular의 지연 로딩 개념에 대해 살펴보겠습니다. 응용 프로그램의 모든 모듈과 구성 요소를 로드하는 대신 선택한 모듈과 구성 요소만 로드할 수 있으므로 로드 시간이 단축됩니다. 지연 로딩 기능은 필요한 경우에만 Angular 애플리케이션의 구성 요소, 모듈 및 기타 파일을 로드합니다. 지연 로딩 개념은 애플리케이션을 매우 빠르게 만들고 메모리... angulartypescript 웹 앱 로딩 시간을 10배 빠르게 만드는 방법! 안녕하세요 여러분, 오늘 저는 Angular 또는 SPA(Single Page Application)를 사용하여 구축한 웹 앱의 로딩 시간을 단축하는 방법에 대해 논의할 것입니다. 기사에 들어가기 전에 먼저 웹 프레임워크(Angular, React 등)를 사용하여 개발된 SPA(Single Page Application)가 어떻게 작동하는지 이해합시다. SPA에서 브라우저가 서버에 첫 번째 ... beginnersangularjavascriptwebdev API 호출을 위한 Angular 프록시 구성 Spring Boot와 Angular를 사용하여 새 프로젝트를 시작할 때 최근 직면한 문제는 클라이언트에 데이터를 제공하기 위해 백엔드 API에 올바르게 액세스/사용하는 것입니다. 직원 목록 표시를 담당하는 매우 기본적인 CRUD 응용 프로그램을 개발했습니다. 직원 목록을 가져오기 위한 API URL은 이며 응답은 다음과 같습니다. 이제 API를 사용하여 클라이언트/앵귤러 애플리케이션에 데이... angularproxyspringboot 콜백 함수를 Angular 하위 구성 요소에 전달 이 예제는 구성 요소에 함수를 전달하는 것과 관련하여 최근에 직면한 문제를 다룰 것입니다. 국가 목록을 제공하는 콤보 상자 또는 테이블 구성 요소. 지금까지 모든 것이 구성 요소 자체에 캡슐화되었으며 백엔드에 대한 호출도 여기에서 수행되었습니다. 이제 몇 가지 방법으로 변경 사항을 구현할 수 있습니다. 지원에 대한 호출은 국가 구성 요소를 사용하는 상위 구성 요소에서 수행할 수 있으며 단순히... angularcallbackfunction Angular: 나만의 상황에 맞는 메뉴 만들기 꽤 놀라운 주제이며 대규모 응용 프로그램에 많이 필요합니다. 모든 개발자는 어떻게든 html 테이블을 사용하여 레코드를 표시하고 편집, 보기 또는 다운로드 및 목록 진행과 같은 작업 버튼을 사용했을 수 있으며 모든 사람이 이러한 버튼이 너무 많은 공간을 차지한다고 느꼈을 것입니다. 솔루션 상황에 맞는 메뉴가 있습니다. 버튼 대신 상황에 맞는 메뉴를 가질 수 있으며 UI 디자인을 방해하지 않고... angulartablecontextmenubeginners Rxjs로 쉬운 캐싱 오늘은 Rxjs를 사용하여 원하는 위치(로컬 스토리지, 메모리, 쿠키 등)에 API 응답을 캐싱하는 가장 쉽고 쉬운 방법을 설명하겠습니다. API 서비스는 모든 API 호출을 포함할 수 있는 좋은 방법입니다(Angular를 사용하는 경우 이미 갖고 있는 것 같습니다). 아직 설치하지 않은 경우 다음 라이브러리를 설치해야 합니다. 참고: 이해가 되지 않으면 chech할 수 있습니다. 캐싱을 위... angularvuerxjsreact js 함수를 사용하여 Angular의 HTML에서 텍스트 서식을 지정하지 마세요. 대신 이 파이프를 사용하십시오. getModifiedText()라는 함수와 보간이 있는 템플릿이 있는 구성 요소의 기본 예제를 고려하십시오. 콘솔의 출력을 추측할 수 있습니까? 힌트: getModifiedText() 내부에 console.log가 있습니다. 템플릿에서 함수를 한 번만 호출하더라도 콘솔을 보면 한 번 이상 호출하게 됩니다. ( 4 번 ) getModifiedText() 함수는 Angular가 구성 요소에 대한... angularhtmljavascriptwebdev Angular 14 종속성 주입 잠금 해제 Angular 14와 함께 조용히 릴리스된 것은 매개 변수화된 클래스 생성자에 의존하지 않고 인젝터 트리에서 종속성을 만들고 검색할 수 있게 해주는 이 편리한 작은inject 유틸리티에 대한 수정 사항입니다( ). 지금까지는 InjectionToken 또는 Injectable 생성자 컨텍스트와 같은 위치에서만 사용할 수 있었습니다. 이제 Angular 14에서는 inject 및 Directi... angulartypescript 각도 구성 요소 목표: 이 기사에서는 구성 요소를 알게 됩니다. 전제 조건 이 문서를 완료하기 전에 Visual Studio Code, NPM(노드 패키지 관리자), Node, Angular CLI를 포함한 모든 전제 조건 도구를 이미 설치해야 합니다. 구성 요소 생성 HTML 마크업에 요소 추가 처음에는 Angular 애플리케이션에 첫 번째 구성 요소를 추가하고 해당 템플릿을 업데이트합니다. 이 문서를 마... angularcomponentdirective NgRx 구성 요소로 반응형 Angular 템플릿 구축 이 기사에서는 고성능 방식으로 반응형 Angular 템플릿을 빌드하는 데 사용되는 @ngrx/component 라이브러리를 살펴보겠습니다. 여기에는 관찰 가능한 이벤트를 렌더링하는 데 주로 사용되는 선언 가능 집합이 포함되어 있으며 영역 전체 모드와 영역 없는 모드에서 모두 작동할 수 있습니다. ngrxPush 파이프는 템플릿에서 관찰 가능한 값을 표시하는 데 사용됩니다. ngrxPush 파... angularngrxrxjs Dynamsoft Web Capture SDK로 Angular 문서 스캐너를 구축하는 방법 은 WebAssembly 및 JavaScript로 구현된 카메라 기반 문서 스캔 SDK입니다. 기존 웹 스캐너 SDK 와 비교할 때 로컬 서비스 설치가 필요하지 않습니다. 즉, 웹 캡처 SDK는 모든 데스크톱 브라우저, 모바일 브라우저 및 WebView에서 작동할 수 있습니다. 이 문서에서는 처음부터 웹 캡처 SDK를 사용하여 Angular 문서 스캐너 앱을 빌드하는 방법을 안내합니다. ng... angulartypescriptdocumentwebdev 사용자 방문 기억을 위한 로컬 저장소 사용 로컬 스토리지란 무엇입니까? 로컬 저장소는 사용자 행동에 따라 데이터를 저장할 수 있는 DOM의 개체입니다. localStorage 개체에 데이터를 저장하면(sessionStorage와 달리) 개체는 만료되지 않습니다. 이는 set 메서드를 사용하여 DOM에 무언가를 저장할 수 있고 동일한 데이터(미래get 메서드 사용)를 가져와 해당 사용자가 아직 페이지에 있었는지 확인할 수 있기 때문에 ... webdevangulartypescriptjavascript 기본 뷰 모델: Angular2를 사용한 간단한 구성 요소 아키텍처 워크플로 모든 비즈니스 및 데이터 로직이 완전히 분리되었는지 확인합니다 일반 로직: 데이터 소스에서 템플릿으로 데이터 가져오기 조건부 보기 논리: 데이터가 다양한 방식으로 표시되는 방식을 보여주는 보기 구성(데이터 논리와 별개) 사용자 제어 로직 및 효과: 데이터 소스와 상호 작용하는 보기 모델 로직을 추가합니다 데이터 배열의 개체를 게시물이라고 합니다. 서비스에서 구성 요소 파일로 데이터 가져오기 ... webdevangulartypescriptjavascript Angular Bundle이 부풀어 오른 이유 Angular 번들이 부풀어 오르는 일반적인 이유는 이 아닌 과 같은 라이브러리를 사용하기 때문입니다. 이 블로그 게시물은 Angular 번들을 분석하는 방법과 애플리케이션을 부풀리는 라이브러리를 정확히 찾아내는 방법을 설명합니다. Angular 번들을 분석하는 빠른 방법은 Angular와 함께 실행source-map-explorer할 수 있는 사용자 지정 인 을 사용하는 것입니다. 이렇게 ... angulartoolingproductivity Angular - Rxjs - 연산자 맵 Transforms each item from an source by using a projection function and emit a result as an observable. 예를 보여 드리겠습니다. 에 Api를 만들었고 다음 json을 반환합니다. 처음에는 왼쪽에 모든 상품을 보여주고 사용자가 특정 상품을 클릭하면 오른쪽에 선택된 상품을 매핑합니다.... angularreactiveprogrammingoperators Angular 케냐 밋업 다른 사람들이 템플릿 유형 검사를 활성화했을 때 사용하는 구성 요소를 구축하여 얻은 교훈을 설명합니다. 이를 통해 IDE는 초기 사전 컴파일 시간 경고를 얻기 위해 코딩할 때 유형 오류에 대해 경고할 수 있습니다. 엄격 모드가 기본적으로 활성화되어 있으므로 형식이 잘못된 구성 요소를 사용하는 것보다 더 성가신 일이 없다는 것을 인정해야 합니다. 구성 요소를 개발할 때 엄격 모드가 활성화된 개... angular
[Angular] tsParticles를 사용하여 아름답고 사실적인 색종이 애니메이션을 만드는 방법 tsParticles와 1.30 버전에서 생성된 새로운 색종이 조각 애니메이션에 대한 글을 썼습니다. 이 구성은 모든 Angular tsParticles 설치(ng-particles 패키지)에서 있는 그대로 사용할 수 있습니다. app.module.ts app.component.html app.component.ts 작업 샘플은 아래에서 찾을 수 있습니다. tsParticles - 고도로 사... angularjavascriptshowdevwebdev RxJs 연산자 및 몇 가지 예에 대한 약간의 대화 안녕하세요 여러분! 오늘 저는 RxJs 연산자가 흥미로운 연산자인지 보여드리고자 합니다. 먼저 RxJs 연산자가 무엇인지 간단히 보여드리겠습니다. RxJs 연산자는 함수이며 데이터로 흥미로운 작업을 수행할 수 있도록 하며 두 가지 유형의 연산자가 있습니다. Pipeable 연산자는 observableInstance.pipe(operator()) 구문을 사용하여 호출할 수 있습니다. Obser... tutorialrxjsangularbeginners Angular: 콘텐츠 프로젝션 엔드투엔드 콘텐츠 프로젝션은 다른 구성 요소 안에 표시하려는 콘텐츠를 삽입하는 패턴입니다. <ng-content></ng-content> - 다른 구성 요소 내부에 콘텐츠를 투사하는 책임이 있습니다. 단지 자리 표시자일 뿐이며 실제 예상 콘텐츠로 대체됩니다. Angular에서 이를 수행하는 방법에는 여러 가지가 있습니다. 단일 슬롯 콘텐츠 프로젝션: 다른 구성 요소는 단일 소스의 콘텐츠를 허용합니다. ... angulartypescriptjavascriptwebdev Angular의 조건부 지연 로드 모듈 지연 로딩 모듈은 Angular 애플리케이션의 성능을 향상시키는 데 도움이 되는 중요한 기능입니다. 이 기능은 놀랍고 대부분의 사용 사례를 해결합니다. 최근에 경로 경로에 대한 모듈을 조건부로 로드해야 하는 사용자 시나리오에 직면했습니다. 시나리오는 사용자에게 일부 권한이 할당된 경우 모듈을 로드하거나 다른 모듈을 로드하는 것입니다. 사용 사례는 합법적인 것 같지만 현재 지연 로딩 모듈 기능... angularjavascriptwebdevelopmewebdev Angular의 DI는 구성 요소를 더 스마트하게 만들 수 있습니다. Angular에 내장된 종속성 주입은 매우 강력하며 오늘 우리는 이를 사용하여 구성 요소를 스마트하게 만드는 방법을 살펴보겠습니다. 버튼 구성요소에 대해 알아보겠습니다. 여기에서 버튼 구성 요소가 다양한 구성 옵션을 제공하여 다양한 사용 사례를 처리하는 데 사용할 수 있음을 알 수 있습니다. 이러한 모든 입력을 항상 제공하는 것은 번거로울 수 있으며 불일치로 이어질 수도 있습니다. 이 문제를... angularjavascriptcomponentwebdev 🚀 Angular 13 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 이것은 당신이 찾고 있는 Angular 13 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 으로 자동 문서화 ✅ 으로 프로젝트 분석 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드에... angularprogrammingjavascriptwebdev Angular에서 여러 환경 변수를 사용하는 방법 이 기사에서는 다양한 파일의 다양한 환경 변수에 대해 알아봅니다. 첫째, 각도 응용 프로그램을 만들 때 기본적으로 두 개의 환경 파일이 있습니다. 하나는 dev용이고 다른 하나는 prod용입니다. 그러나 QA, UAT, PROD, DEV 등과 같은 더 많은 환경 파일과 모든 파일을 생성해야 하는 경우 API 및 기타 값에 대해 서로 다른 상수 변수가 있습니다. 다른 요구 사항을 위해 qa, ... angulartutorialjavascriptwebdev Angular에서 CAPS-LOCK 켜기/끄기 이벤트 처리 이것은 흥미롭지만 매우 일반적으로 예상되는 사용 사례입니다. 특히 암호를 입력하는 동안 CAPS-LOCK이 켜져 있음을 사용자에게 경고하여 사용자가 이를 알고 필요한 경우 변경할 수 있도록 합니다. CAPS-LOCK-ON/OFF 메시지를 표시하는 방법을 보여주는 Angular 13.3.0 애플리케이션 이 데모에서 처리되는 몇 가지 시나리오가 있습니다. 사용자가 암호 필드에서 Caps-Lock... angularmaterialjavascriptevent NGXS를 사용한 Angular의 상태 관리 - 1부 #NGXS를 사용하여 #Angular 애플리케이션의 상태를 관리하는 것이 얼마나 쉬운지 확인하고 Auth0의 SDK와 함께 NGXS를 사용하여 사용자 관련 기능을 처리하는 방법을 알아보세요. 상태 관리는 애플리케이션을 구축할 때 핵심 구성 요소입니다. Angular 애플리케이션에서 상태를 관리할 수 있는 다양한 접근 방식이 있으며 각각 장단점이 있습니다. 이 블로그 게시물은 NGXS를 상태 ... angularsecurityprogramming Angular의 양식 유효성 검사 양식 유효성 검사는 Angular에서 배워야 할 가장 중요한 것 중 하나입니다. 오늘 저는 제가 찾은 Angular에서 유효성 검사를 작성하는 가장 좋은 방법을 설명하겠습니다. 여기서 목표는 시간을 절약하고 깨끗하고 읽기 쉬운 코드를 갖는 것입니다. FormsModule 및 ReactiveFormsModule를 가져와 imports 배열에 추가합니다. 우리의 목표는 다음 양식을 만드는 것이므... angulartypescript 예를 들어 Angular의 지연 로딩 이 기사에서는 이해를 돕기 위한 예제와 함께 Angular의 지연 로딩 개념에 대해 살펴보겠습니다. 응용 프로그램의 모든 모듈과 구성 요소를 로드하는 대신 선택한 모듈과 구성 요소만 로드할 수 있으므로 로드 시간이 단축됩니다. 지연 로딩 기능은 필요한 경우에만 Angular 애플리케이션의 구성 요소, 모듈 및 기타 파일을 로드합니다. 지연 로딩 개념은 애플리케이션을 매우 빠르게 만들고 메모리... angulartypescript 웹 앱 로딩 시간을 10배 빠르게 만드는 방법! 안녕하세요 여러분, 오늘 저는 Angular 또는 SPA(Single Page Application)를 사용하여 구축한 웹 앱의 로딩 시간을 단축하는 방법에 대해 논의할 것입니다. 기사에 들어가기 전에 먼저 웹 프레임워크(Angular, React 등)를 사용하여 개발된 SPA(Single Page Application)가 어떻게 작동하는지 이해합시다. SPA에서 브라우저가 서버에 첫 번째 ... beginnersangularjavascriptwebdev API 호출을 위한 Angular 프록시 구성 Spring Boot와 Angular를 사용하여 새 프로젝트를 시작할 때 최근 직면한 문제는 클라이언트에 데이터를 제공하기 위해 백엔드 API에 올바르게 액세스/사용하는 것입니다. 직원 목록 표시를 담당하는 매우 기본적인 CRUD 응용 프로그램을 개발했습니다. 직원 목록을 가져오기 위한 API URL은 이며 응답은 다음과 같습니다. 이제 API를 사용하여 클라이언트/앵귤러 애플리케이션에 데이... angularproxyspringboot 콜백 함수를 Angular 하위 구성 요소에 전달 이 예제는 구성 요소에 함수를 전달하는 것과 관련하여 최근에 직면한 문제를 다룰 것입니다. 국가 목록을 제공하는 콤보 상자 또는 테이블 구성 요소. 지금까지 모든 것이 구성 요소 자체에 캡슐화되었으며 백엔드에 대한 호출도 여기에서 수행되었습니다. 이제 몇 가지 방법으로 변경 사항을 구현할 수 있습니다. 지원에 대한 호출은 국가 구성 요소를 사용하는 상위 구성 요소에서 수행할 수 있으며 단순히... angularcallbackfunction Angular: 나만의 상황에 맞는 메뉴 만들기 꽤 놀라운 주제이며 대규모 응용 프로그램에 많이 필요합니다. 모든 개발자는 어떻게든 html 테이블을 사용하여 레코드를 표시하고 편집, 보기 또는 다운로드 및 목록 진행과 같은 작업 버튼을 사용했을 수 있으며 모든 사람이 이러한 버튼이 너무 많은 공간을 차지한다고 느꼈을 것입니다. 솔루션 상황에 맞는 메뉴가 있습니다. 버튼 대신 상황에 맞는 메뉴를 가질 수 있으며 UI 디자인을 방해하지 않고... angulartablecontextmenubeginners Rxjs로 쉬운 캐싱 오늘은 Rxjs를 사용하여 원하는 위치(로컬 스토리지, 메모리, 쿠키 등)에 API 응답을 캐싱하는 가장 쉽고 쉬운 방법을 설명하겠습니다. API 서비스는 모든 API 호출을 포함할 수 있는 좋은 방법입니다(Angular를 사용하는 경우 이미 갖고 있는 것 같습니다). 아직 설치하지 않은 경우 다음 라이브러리를 설치해야 합니다. 참고: 이해가 되지 않으면 chech할 수 있습니다. 캐싱을 위... angularvuerxjsreact js 함수를 사용하여 Angular의 HTML에서 텍스트 서식을 지정하지 마세요. 대신 이 파이프를 사용하십시오. getModifiedText()라는 함수와 보간이 있는 템플릿이 있는 구성 요소의 기본 예제를 고려하십시오. 콘솔의 출력을 추측할 수 있습니까? 힌트: getModifiedText() 내부에 console.log가 있습니다. 템플릿에서 함수를 한 번만 호출하더라도 콘솔을 보면 한 번 이상 호출하게 됩니다. ( 4 번 ) getModifiedText() 함수는 Angular가 구성 요소에 대한... angularhtmljavascriptwebdev Angular 14 종속성 주입 잠금 해제 Angular 14와 함께 조용히 릴리스된 것은 매개 변수화된 클래스 생성자에 의존하지 않고 인젝터 트리에서 종속성을 만들고 검색할 수 있게 해주는 이 편리한 작은inject 유틸리티에 대한 수정 사항입니다( ). 지금까지는 InjectionToken 또는 Injectable 생성자 컨텍스트와 같은 위치에서만 사용할 수 있었습니다. 이제 Angular 14에서는 inject 및 Directi... angulartypescript 각도 구성 요소 목표: 이 기사에서는 구성 요소를 알게 됩니다. 전제 조건 이 문서를 완료하기 전에 Visual Studio Code, NPM(노드 패키지 관리자), Node, Angular CLI를 포함한 모든 전제 조건 도구를 이미 설치해야 합니다. 구성 요소 생성 HTML 마크업에 요소 추가 처음에는 Angular 애플리케이션에 첫 번째 구성 요소를 추가하고 해당 템플릿을 업데이트합니다. 이 문서를 마... angularcomponentdirective NgRx 구성 요소로 반응형 Angular 템플릿 구축 이 기사에서는 고성능 방식으로 반응형 Angular 템플릿을 빌드하는 데 사용되는 @ngrx/component 라이브러리를 살펴보겠습니다. 여기에는 관찰 가능한 이벤트를 렌더링하는 데 주로 사용되는 선언 가능 집합이 포함되어 있으며 영역 전체 모드와 영역 없는 모드에서 모두 작동할 수 있습니다. ngrxPush 파이프는 템플릿에서 관찰 가능한 값을 표시하는 데 사용됩니다. ngrxPush 파... angularngrxrxjs Dynamsoft Web Capture SDK로 Angular 문서 스캐너를 구축하는 방법 은 WebAssembly 및 JavaScript로 구현된 카메라 기반 문서 스캔 SDK입니다. 기존 웹 스캐너 SDK 와 비교할 때 로컬 서비스 설치가 필요하지 않습니다. 즉, 웹 캡처 SDK는 모든 데스크톱 브라우저, 모바일 브라우저 및 WebView에서 작동할 수 있습니다. 이 문서에서는 처음부터 웹 캡처 SDK를 사용하여 Angular 문서 스캐너 앱을 빌드하는 방법을 안내합니다. ng... angulartypescriptdocumentwebdev 사용자 방문 기억을 위한 로컬 저장소 사용 로컬 스토리지란 무엇입니까? 로컬 저장소는 사용자 행동에 따라 데이터를 저장할 수 있는 DOM의 개체입니다. localStorage 개체에 데이터를 저장하면(sessionStorage와 달리) 개체는 만료되지 않습니다. 이는 set 메서드를 사용하여 DOM에 무언가를 저장할 수 있고 동일한 데이터(미래get 메서드 사용)를 가져와 해당 사용자가 아직 페이지에 있었는지 확인할 수 있기 때문에 ... webdevangulartypescriptjavascript 기본 뷰 모델: Angular2를 사용한 간단한 구성 요소 아키텍처 워크플로 모든 비즈니스 및 데이터 로직이 완전히 분리되었는지 확인합니다 일반 로직: 데이터 소스에서 템플릿으로 데이터 가져오기 조건부 보기 논리: 데이터가 다양한 방식으로 표시되는 방식을 보여주는 보기 구성(데이터 논리와 별개) 사용자 제어 로직 및 효과: 데이터 소스와 상호 작용하는 보기 모델 로직을 추가합니다 데이터 배열의 개체를 게시물이라고 합니다. 서비스에서 구성 요소 파일로 데이터 가져오기 ... webdevangulartypescriptjavascript Angular Bundle이 부풀어 오른 이유 Angular 번들이 부풀어 오르는 일반적인 이유는 이 아닌 과 같은 라이브러리를 사용하기 때문입니다. 이 블로그 게시물은 Angular 번들을 분석하는 방법과 애플리케이션을 부풀리는 라이브러리를 정확히 찾아내는 방법을 설명합니다. Angular 번들을 분석하는 빠른 방법은 Angular와 함께 실행source-map-explorer할 수 있는 사용자 지정 인 을 사용하는 것입니다. 이렇게 ... angulartoolingproductivity Angular - Rxjs - 연산자 맵 Transforms each item from an source by using a projection function and emit a result as an observable. 예를 보여 드리겠습니다. 에 Api를 만들었고 다음 json을 반환합니다. 처음에는 왼쪽에 모든 상품을 보여주고 사용자가 특정 상품을 클릭하면 오른쪽에 선택된 상품을 매핑합니다.... angularreactiveprogrammingoperators Angular 케냐 밋업 다른 사람들이 템플릿 유형 검사를 활성화했을 때 사용하는 구성 요소를 구축하여 얻은 교훈을 설명합니다. 이를 통해 IDE는 초기 사전 컴파일 시간 경고를 얻기 위해 코딩할 때 유형 오류에 대해 경고할 수 있습니다. 엄격 모드가 기본적으로 활성화되어 있으므로 형식이 잘못된 구성 요소를 사용하는 것보다 더 성가신 일이 없다는 것을 인정해야 합니다. 구성 요소를 개발할 때 엄격 모드가 활성화된 개... angular