angular netlify에 각도 앱 배포에 대한 도움말 안녕 얘들아, netlify에 내 각도 앱을 배포하려고 하는데 배포할 때 다음 오류가 발생합니다. 누구든지 저를 도와줄 수 있나요? 어떻게 고칠 수 있나요... questionangularnetlify Angular에서 타사 스크립트 및 CSS 작업 Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브러리와 함께 작업하여 최종 번들로 병합하거나 단일 파일로 연기하는 데 도움이 됩니다. Angular CLI에는 전역 CSS 및 JavaScript 파일을 초기화하는 고유한 방법이 ... beginnersangularjavascript 🚀 Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 이것은 당신이 찾고 있는 Angular 14 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 으로 자동 문서화 ✅ 으로 프로젝트 분석 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드에... beginnerswebdevangularjavascript Javascript에서 RTF 문서 처리 - React - Angular React-Javascript-angular에서 RTF 문서 처리 이 패키지를 참조하십시오: 또한 이 RTF 라이브러리를 추가로 사용하는 데 도움이 될 샘플 HTML 파일을 첨부합니다. Javscript로 만든 작업 샘플... rtfreactjavascriptangular 앵귤러 머티리얼로 클립보드에 복사하는 방법 click 이벤트를 사용하여 처리 함수에 텍스트를 전달합니다. 이 경우에는 copyToClipboard(bookmark.location) 프로그래밍 방식으로 문자열을 복사하려면 텍스트를 사용자의 클립보드에 복사하는 서비스Clipboard를 사용하십시오.setTimeout를 사용하여 사용자에게 복사가 성공했음을 잠시 동안 시각적으로 알립니다. 에서 작동 상태를 확인하십시오. 더 긴 텍스트에 사... codeverangularjavascript Angular 애플리케이션에 ESLint 추가 본 글에서는 최신 버전 을 사용하여 WEB 어플리케이션을 생성하고, JavaScript 코드의 문제점을 찾기 위해 코드를 정적으로 분석하는 을 추가한다. 시작하기 전에 아래 도구를 설치하고 구성하여 Angular 애플리케이션을 만들어야 합니다. : Git은 분산 버전 제어 시스템이며 저장소를 동기화하는 데 사용됩니다. : Node.js는 Google의 V8 엔진을 기반으로 하는 JavaScr... eslinttutorialangularlint 선택기와 다른 HTML 태그로 Angular 구성 요소를 만드는 방법 🏷 일반적으로 Angular 구성 요소의 HTML 태그는 선택기입니다. 그러나 다른 호스트 HTML 요소를 사용하여 구성 요소를 생성할 수 있습니다. 구성 요소를 정적으로(HTML 템플릿에서) 생성하려는 경우 @Component 데코레이터에 정의된 속성 을 사용할 수 있습니다. 또는 Angular API(예: 또는 )를 통해 구성 요소를 동적으로 생성하려는 경우 사용자 지정 호스트 DOM 요소를... angular Débuter avec Angular 14: #7 Les composants: comment les pimper C'est cool de créer des composants mais s'ils affichent tout le temps la meme selected, on est d'accords qu'ils seront ennuyeux à mourir C'est un terme qui n'est pas lié à Angular mais qu'on entend plus souvent chez des ... frontendjavascripttypescriptangular Debuter avec Angular 14: #6 Les Composants L'une des chooses les plus Importantes quand il s'agit de framework frontend est cette magie de pouvoir utiliser et réutiliser des elements visuels. Prenons cet 예 On voit clairement un element qui se repete, on va l'appe... typescriptfrontendangularjavascript 각도 비동기 파이프 Angular 비동기 파이프는 구성 요소의 html에서 관찰 가능한 값을 표시하는 데 사용됩니다. 가장 큰 장점은 Angular가 observable에 대한 구독 및 구독 취소를 처리하고 사용하지 않는 구독이 없다는 것입니다. 따옴표를 표시하는 구성 요소를 만들고 있다고 상상해보십시오. 이제 구독 취소를 처리하려면 onDestroy 메서드를 구현하고 observable$을 클래스 수준 변수로... typescriptrxjsangular catchError 파이프 사용 RxJS에서 오류를 잡는 예전 방식은 이와 같은 구독별 방식이었습니다. 일부 데이터를 얻기 위해 http 서비스를 사용하는 앱을 상상해 보십시오. 이것의 단점은 모든 구독이 오류를 포착하고 그에 따라 처리해야 한다는 것입니다. 대신 HttpClient 자체에서 catchError 파이프를 사용하여 오류를 처리할 수 있습니다. catchError RxJS 파이프에서 볼 수 있듯이 오류가 기록되... angularjavascriptrxjstypescript Angular Dart 基礎 -- Part 01 マウスイベントの処理 前回の記事で環境構築ができていること. Angular Dart는 마이너로、 Web 上でさくっと実行できる사이트가 아닌데로 Angular Dart の記事はなかったが、 HTML 要素の記事を参考に調べた. 들어가다 와 나가다 명백한 と out これらのイベントが書けるのを確認した. こうやってnestされていないconsポーネntの場合は, 마우스오버, 마우스아웃 であろうとも反応するが, 要素がnestになっている場合... dartangular 알림 서비스 구현 및 사용 이 게시물에서는 앱의 다른 페이지 또는 사용 사례에서 사용할 수 있는 알림 Angular 서비스를 구현할 수 있는 한 가지 방법을 볼 것입니다. 알림 구성 요소를 노출할 공유 모듈을 만들어야 합니다. 이렇게 하면 앱 전체에서 모듈을 사용할 수 있습니다. 원하는 위치에 서비스를 배치할 수 있습니다. 제 경우에는 서비스가 앱의 다른 모듈에서 사용할 수 있는 원칙을 따르기 때문에 공유 폴더를 선택... tutorialbeginnerstypescriptangular Angular Pipe Async + RxJs Observable + Skeleton Loading으로 페이지 구현 오늘은 강력한 Angular Pipe Async, RxJ 및 아름다운 스켈레톤 로딩 기능을 사용하여 페이지를 구현하는 방법을 보여드리고자 합니다! 요소를 입력하면 강력한 자동 완성과 같은 좋은 기능을 많이 얻을 수 있습니다. ng generate interface models/product 이제 API와 통신하고 API 제품 데이터를 가져오는 get 메서드를 구현하는 Angular 서비스를 ... codenewbietutorialangular Angular, RxJS 및 페이지 가시성 API를 사용하여 사용자가 비활성 상태일 때 요청 중지/재시작 사용자가 더 이상 웹사이트나 앱을 보지 않는다면 어떻게 될까요? Page Visibility API를 사용하여 네트워크 요청을 중지하고 다시 시작하는 방법을 알아봅시다! 우리는 에서 무작위 견적을 받는 서비스를 만들고 싶습니다. 서비스 내에서 사용할 몇 가지 항목을 가져와야 합니다. 지금 설정해 보겠습니다. 실제 견적을 표시하려면 을 사용하여 randomQuote$라는 observable을 ... apijavascriptrxjsangular Angular의 HTTP 요청 이를 사용하려면 app.module.ts 파일에서 HttpClientModule 모듈을 가져온 다음 http 모듈을 사용하려는 서비스 또는 모듈에서 서비스 HttpClient를 가져와야 합니다. Angular의 http 모듈은 Observable 객체를 반환하므로 요청 결과를 사용하려면 데이터에 액세스하기 위해 subscribe 메서드를 사용해야 합니다. 메서드 이름 옆에 원하는 유형을 선언... beginnersangular JIT 대 AOT Just in time은 Angular가 개발할 때 사용하는 컴파일 기법으로 브라우저에 Angular 컴파일러를 제공하여 코드를 이해하고 실행할 수 있도록 합니다. 이를 통해 핫 리로딩 및 속도 코딩이 가능합니다. Ahead of time은 생산 시간에 사용되며 빌드 프로세스에서 모든 것이 js css 및 html로 변환되기 때문에 코드용 컴파일러를 제공하지 않습니다. AOT는 성능에 중점을... javascriptbeginnersangular RXjs와의 반응성 Promise는 가져오기를 수행하고 then 메서드를 사용하여 응답을 기다릴 수 있습니다. 최근에는 응답을 처리하기 위해 async 및 await 키워드를 사용할 수 있습니다. Observable은 다른 접근 방식을 사용합니다. 이 경우 데이터 스트림으로 작업한 다음 구독합니다. 스트림에서 새 데이터가 수신되는 즉시 구독에 알림이 표시되고 수신 데이터를 사용할 수 있게 됩니다. 정의에 따르면... beginnerstypescriptangular Angular에서 Firebase를 사용한 인증 앱에 Firebase 변수 추가 Firebase 모듈 가져오기 인증 서비스에 fire 모듈 추가 로그인 구성 요소에서 서비스 사용 보너스 다음 명령은 Firebase에 배포하는 데 유용합니다. 브라우저에서 직접 특정 경로로 이동하려는 경우 찾을 수 없는 예외를 방지하기 위해 다음 줄을 firebase.json에 추가할 수 있습니다.... beginnersangularfirebase Angular의 양식 소개(1부) 양식 모듈 Angular에서 양식을 빌드하는 데 사용할 수 있는 도구 중 하나는 FormModule을 사용하는 것입니다. 이 모듈은 컨트롤러와 데이터를 연결하기 위해 보기에서 사용할 수 있는 지시문을 제공합니다. 이전 설명을 달성하기 위한 가장 일반적인 지시문은 ngModel입니다. 리액티브폼모듈 Angular에서 양식을 작성하는 더 강력한 모듈입니다. 뷰에서 컨트롤러로 또는 그 반대로 데이... beginnersangular Angular의 양식 소개(2부) 컨트롤 값의 수정을 수행하는 메서드를 노출하는 클래스를 생성하여 사용자 지정 유효성 검사를 수행할 수 있습니다. typescript로 작업하는 경우 유효성 검사 메서드는 정적 메서드라는 점에 유의할 가치가 있습니다. 즉, 클래스를 인스턴스화하지 않고 메서드를 호출할 수 있습니다. AbstractControl은 컨트롤(검증하려는 것)에 대한 액세스를 제공하는 데 사용됩니다. 사용자 지정 유효성... beginnersangular Angular Interceptor로 무엇을 노출하는지 주의하십시오. 작업 중인 애플리케이션에서 하나를 찾을 수 없더라도 특히 인증 헤더를 처리하는 경우 추가된 라이브러리 중 하나가 인터셉터를 사용할 가능성이 큽니다. 을 좋아하는 회의의 출입문과 비교할 수 있습니다. 대회장에 도착하면 입구를 통해 들어가야 하며, 행사장에 들어가기 전에 기념품을 받을 수 있습니다. Angular 인터셉터로 돌아가서 HTTP 클라이언트를 통해 시작된 모든 HTTP 요청은 서버로 ... securityangular Angular에서 'exportAs'로 구성 요소 상태 공유 Angular에서 공용 속성 또는 다른 사람과 공유할 상태로 구성 요소를 빌드할 때 이를 해결하기 위해 몇 가지 옵션이 머리에 떠오릅니다. 구성 요소 상태의 새 값을 사용하여 이벤트를 내보냅니다. 주제에 서비스를 주입하여 상태를 공유합니다. 구성 요소를 과 같은 종속성으로 삽입합니다. 모든 옵션이 유효하지만 템플릿에서 구성 요소 상태를 공유하는 또 다른 방법은 exportAs 속성을 사용하는... webdevangularjavascript Nx 작업 공간 내 앱 간 스타일 공유 현재 작업에서 우리는 Nx 작업 공간으로 변경하기로 결정했으며 이를 통해 고유한 디자인 시스템을 만들기로 결정했습니다. 그러나 하나 이상의 응용 프로그램에서 동일한 스타일을 유지하고 싶지 않았습니다. 내 경우에 가장 좋은 해결책은 스타일에 대해 ui라는 lib를 만드는 것입니다. 그런 다음 sass 파일을 라이브러리로 옮겼습니다. 이제 문제는 모든 scss 파일의 @import입니다. 올바른... angularnxwebdevcss 🚀 Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 이것은 당신이 찾고 있는 Angular 14 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 으로 자동 문서화 ✅ 으로 프로젝트 분석 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드에... angularjavascripttypescriptwebdev Angular에서 사전 렌더링 — 단일 다국어 빌드 오늘 우리는 에 대한 이전의 노력을 계속할 것이며 Express 서버를 조정하여 언어당 여러 정적 페이지를 생성할 것입니다. 다국어 지원을 위해 적응, URL 기반 끝을 염두에 두고 계획할 때 언어 폴더가 다른 동일한 경로를 만들어야 하므로 /client/projects/index.html 내부에 있어야 합니다 /client/en/projects/index.html . base href 값이... angularjavascriptnodewebdev 롤업의 최신 릴리스가 각도 라이브러리 빌드에 미치는 영향 직장의 프로젝트 중 하나에서 각도 응용 프로그램에 아키텍처를 사용하고 있습니다. 다음은 모노 저장소의 기술 스택입니다. 각진 Lerna(여러 응용 프로그램 수준에서 패키지 관리) NPM(패키지 관리자) 폴더 구조:- SDK 디렉토리 안에 있는 각도 라이브러리는 여러 각도 응용 프로그램 간에 코드를 공유하는 데 사용됩니다. 주로 서비스, 번역기 및 유틸리티 기능이 포함되어 있습니다. Angul... angularmonorepolernarollup 고유한 Angular hover 지시문 @앵귤러/클리: 13.3.0 고유한 hover 지시문을 빌드하는 Angular 13.3.0 애플리케이션 angular 절대 실망하지 않습니다! 사용자가 페이지의 한 부분을 가리키면 다음과 같이 페이지의 다른 지정된 부분에 일부 CSS 효과가 적용되어야 합니다. 더 간단한 솔루션이 백만 가지 더 있을 수 있지만 저는 여러 곳에서 사용할 수 있는 사용자 지정 각도 지시문을 구축하려고 생각했습니다... angularjavascripttypescriptwebdev Angular Composition API ⚠️ This article is based on an early version of the library. for the most recent version. 은 기능적인 Angular 응용 프로그램을 작성하기 위한 경량(3kb) 실험용 라이브러리입니다. 수명 주기 후크, 변경 감지, 쿼리, 호스트 바인딩 및 호스트 수신기와 같은 기존 Angular 구조 위에 추상화 계층을 제공합니다. S... angularjavascipttypescriptwebdev 이전 기사 보기
netlify에 각도 앱 배포에 대한 도움말 안녕 얘들아, netlify에 내 각도 앱을 배포하려고 하는데 배포할 때 다음 오류가 발생합니다. 누구든지 저를 도와줄 수 있나요? 어떻게 고칠 수 있나요... questionangularnetlify Angular에서 타사 스크립트 및 CSS 작업 Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브러리와 함께 작업하여 최종 번들로 병합하거나 단일 파일로 연기하는 데 도움이 됩니다. Angular CLI에는 전역 CSS 및 JavaScript 파일을 초기화하는 고유한 방법이 ... beginnersangularjavascript 🚀 Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 이것은 당신이 찾고 있는 Angular 14 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 으로 자동 문서화 ✅ 으로 프로젝트 분석 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드에... beginnerswebdevangularjavascript Javascript에서 RTF 문서 처리 - React - Angular React-Javascript-angular에서 RTF 문서 처리 이 패키지를 참조하십시오: 또한 이 RTF 라이브러리를 추가로 사용하는 데 도움이 될 샘플 HTML 파일을 첨부합니다. Javscript로 만든 작업 샘플... rtfreactjavascriptangular 앵귤러 머티리얼로 클립보드에 복사하는 방법 click 이벤트를 사용하여 처리 함수에 텍스트를 전달합니다. 이 경우에는 copyToClipboard(bookmark.location) 프로그래밍 방식으로 문자열을 복사하려면 텍스트를 사용자의 클립보드에 복사하는 서비스Clipboard를 사용하십시오.setTimeout를 사용하여 사용자에게 복사가 성공했음을 잠시 동안 시각적으로 알립니다. 에서 작동 상태를 확인하십시오. 더 긴 텍스트에 사... codeverangularjavascript Angular 애플리케이션에 ESLint 추가 본 글에서는 최신 버전 을 사용하여 WEB 어플리케이션을 생성하고, JavaScript 코드의 문제점을 찾기 위해 코드를 정적으로 분석하는 을 추가한다. 시작하기 전에 아래 도구를 설치하고 구성하여 Angular 애플리케이션을 만들어야 합니다. : Git은 분산 버전 제어 시스템이며 저장소를 동기화하는 데 사용됩니다. : Node.js는 Google의 V8 엔진을 기반으로 하는 JavaScr... eslinttutorialangularlint 선택기와 다른 HTML 태그로 Angular 구성 요소를 만드는 방법 🏷 일반적으로 Angular 구성 요소의 HTML 태그는 선택기입니다. 그러나 다른 호스트 HTML 요소를 사용하여 구성 요소를 생성할 수 있습니다. 구성 요소를 정적으로(HTML 템플릿에서) 생성하려는 경우 @Component 데코레이터에 정의된 속성 을 사용할 수 있습니다. 또는 Angular API(예: 또는 )를 통해 구성 요소를 동적으로 생성하려는 경우 사용자 지정 호스트 DOM 요소를... angular Débuter avec Angular 14: #7 Les composants: comment les pimper C'est cool de créer des composants mais s'ils affichent tout le temps la meme selected, on est d'accords qu'ils seront ennuyeux à mourir C'est un terme qui n'est pas lié à Angular mais qu'on entend plus souvent chez des ... frontendjavascripttypescriptangular Debuter avec Angular 14: #6 Les Composants L'une des chooses les plus Importantes quand il s'agit de framework frontend est cette magie de pouvoir utiliser et réutiliser des elements visuels. Prenons cet 예 On voit clairement un element qui se repete, on va l'appe... typescriptfrontendangularjavascript 각도 비동기 파이프 Angular 비동기 파이프는 구성 요소의 html에서 관찰 가능한 값을 표시하는 데 사용됩니다. 가장 큰 장점은 Angular가 observable에 대한 구독 및 구독 취소를 처리하고 사용하지 않는 구독이 없다는 것입니다. 따옴표를 표시하는 구성 요소를 만들고 있다고 상상해보십시오. 이제 구독 취소를 처리하려면 onDestroy 메서드를 구현하고 observable$을 클래스 수준 변수로... typescriptrxjsangular catchError 파이프 사용 RxJS에서 오류를 잡는 예전 방식은 이와 같은 구독별 방식이었습니다. 일부 데이터를 얻기 위해 http 서비스를 사용하는 앱을 상상해 보십시오. 이것의 단점은 모든 구독이 오류를 포착하고 그에 따라 처리해야 한다는 것입니다. 대신 HttpClient 자체에서 catchError 파이프를 사용하여 오류를 처리할 수 있습니다. catchError RxJS 파이프에서 볼 수 있듯이 오류가 기록되... angularjavascriptrxjstypescript Angular Dart 基礎 -- Part 01 マウスイベントの処理 前回の記事で環境構築ができていること. Angular Dart는 마이너로、 Web 上でさくっと実行できる사이트가 아닌데로 Angular Dart の記事はなかったが、 HTML 要素の記事を参考に調べた. 들어가다 와 나가다 명백한 と out これらのイベントが書けるのを確認した. こうやってnestされていないconsポーネntの場合は, 마우스오버, 마우스아웃 であろうとも反応するが, 要素がnestになっている場合... dartangular 알림 서비스 구현 및 사용 이 게시물에서는 앱의 다른 페이지 또는 사용 사례에서 사용할 수 있는 알림 Angular 서비스를 구현할 수 있는 한 가지 방법을 볼 것입니다. 알림 구성 요소를 노출할 공유 모듈을 만들어야 합니다. 이렇게 하면 앱 전체에서 모듈을 사용할 수 있습니다. 원하는 위치에 서비스를 배치할 수 있습니다. 제 경우에는 서비스가 앱의 다른 모듈에서 사용할 수 있는 원칙을 따르기 때문에 공유 폴더를 선택... tutorialbeginnerstypescriptangular Angular Pipe Async + RxJs Observable + Skeleton Loading으로 페이지 구현 오늘은 강력한 Angular Pipe Async, RxJ 및 아름다운 스켈레톤 로딩 기능을 사용하여 페이지를 구현하는 방법을 보여드리고자 합니다! 요소를 입력하면 강력한 자동 완성과 같은 좋은 기능을 많이 얻을 수 있습니다. ng generate interface models/product 이제 API와 통신하고 API 제품 데이터를 가져오는 get 메서드를 구현하는 Angular 서비스를 ... codenewbietutorialangular Angular, RxJS 및 페이지 가시성 API를 사용하여 사용자가 비활성 상태일 때 요청 중지/재시작 사용자가 더 이상 웹사이트나 앱을 보지 않는다면 어떻게 될까요? Page Visibility API를 사용하여 네트워크 요청을 중지하고 다시 시작하는 방법을 알아봅시다! 우리는 에서 무작위 견적을 받는 서비스를 만들고 싶습니다. 서비스 내에서 사용할 몇 가지 항목을 가져와야 합니다. 지금 설정해 보겠습니다. 실제 견적을 표시하려면 을 사용하여 randomQuote$라는 observable을 ... apijavascriptrxjsangular Angular의 HTTP 요청 이를 사용하려면 app.module.ts 파일에서 HttpClientModule 모듈을 가져온 다음 http 모듈을 사용하려는 서비스 또는 모듈에서 서비스 HttpClient를 가져와야 합니다. Angular의 http 모듈은 Observable 객체를 반환하므로 요청 결과를 사용하려면 데이터에 액세스하기 위해 subscribe 메서드를 사용해야 합니다. 메서드 이름 옆에 원하는 유형을 선언... beginnersangular JIT 대 AOT Just in time은 Angular가 개발할 때 사용하는 컴파일 기법으로 브라우저에 Angular 컴파일러를 제공하여 코드를 이해하고 실행할 수 있도록 합니다. 이를 통해 핫 리로딩 및 속도 코딩이 가능합니다. Ahead of time은 생산 시간에 사용되며 빌드 프로세스에서 모든 것이 js css 및 html로 변환되기 때문에 코드용 컴파일러를 제공하지 않습니다. AOT는 성능에 중점을... javascriptbeginnersangular RXjs와의 반응성 Promise는 가져오기를 수행하고 then 메서드를 사용하여 응답을 기다릴 수 있습니다. 최근에는 응답을 처리하기 위해 async 및 await 키워드를 사용할 수 있습니다. Observable은 다른 접근 방식을 사용합니다. 이 경우 데이터 스트림으로 작업한 다음 구독합니다. 스트림에서 새 데이터가 수신되는 즉시 구독에 알림이 표시되고 수신 데이터를 사용할 수 있게 됩니다. 정의에 따르면... beginnerstypescriptangular Angular에서 Firebase를 사용한 인증 앱에 Firebase 변수 추가 Firebase 모듈 가져오기 인증 서비스에 fire 모듈 추가 로그인 구성 요소에서 서비스 사용 보너스 다음 명령은 Firebase에 배포하는 데 유용합니다. 브라우저에서 직접 특정 경로로 이동하려는 경우 찾을 수 없는 예외를 방지하기 위해 다음 줄을 firebase.json에 추가할 수 있습니다.... beginnersangularfirebase Angular의 양식 소개(1부) 양식 모듈 Angular에서 양식을 빌드하는 데 사용할 수 있는 도구 중 하나는 FormModule을 사용하는 것입니다. 이 모듈은 컨트롤러와 데이터를 연결하기 위해 보기에서 사용할 수 있는 지시문을 제공합니다. 이전 설명을 달성하기 위한 가장 일반적인 지시문은 ngModel입니다. 리액티브폼모듈 Angular에서 양식을 작성하는 더 강력한 모듈입니다. 뷰에서 컨트롤러로 또는 그 반대로 데이... beginnersangular Angular의 양식 소개(2부) 컨트롤 값의 수정을 수행하는 메서드를 노출하는 클래스를 생성하여 사용자 지정 유효성 검사를 수행할 수 있습니다. typescript로 작업하는 경우 유효성 검사 메서드는 정적 메서드라는 점에 유의할 가치가 있습니다. 즉, 클래스를 인스턴스화하지 않고 메서드를 호출할 수 있습니다. AbstractControl은 컨트롤(검증하려는 것)에 대한 액세스를 제공하는 데 사용됩니다. 사용자 지정 유효성... beginnersangular Angular Interceptor로 무엇을 노출하는지 주의하십시오. 작업 중인 애플리케이션에서 하나를 찾을 수 없더라도 특히 인증 헤더를 처리하는 경우 추가된 라이브러리 중 하나가 인터셉터를 사용할 가능성이 큽니다. 을 좋아하는 회의의 출입문과 비교할 수 있습니다. 대회장에 도착하면 입구를 통해 들어가야 하며, 행사장에 들어가기 전에 기념품을 받을 수 있습니다. Angular 인터셉터로 돌아가서 HTTP 클라이언트를 통해 시작된 모든 HTTP 요청은 서버로 ... securityangular Angular에서 'exportAs'로 구성 요소 상태 공유 Angular에서 공용 속성 또는 다른 사람과 공유할 상태로 구성 요소를 빌드할 때 이를 해결하기 위해 몇 가지 옵션이 머리에 떠오릅니다. 구성 요소 상태의 새 값을 사용하여 이벤트를 내보냅니다. 주제에 서비스를 주입하여 상태를 공유합니다. 구성 요소를 과 같은 종속성으로 삽입합니다. 모든 옵션이 유효하지만 템플릿에서 구성 요소 상태를 공유하는 또 다른 방법은 exportAs 속성을 사용하는... webdevangularjavascript Nx 작업 공간 내 앱 간 스타일 공유 현재 작업에서 우리는 Nx 작업 공간으로 변경하기로 결정했으며 이를 통해 고유한 디자인 시스템을 만들기로 결정했습니다. 그러나 하나 이상의 응용 프로그램에서 동일한 스타일을 유지하고 싶지 않았습니다. 내 경우에 가장 좋은 해결책은 스타일에 대해 ui라는 lib를 만드는 것입니다. 그런 다음 sass 파일을 라이브러리로 옮겼습니다. 이제 문제는 모든 scss 파일의 @import입니다. 올바른... angularnxwebdevcss 🚀 Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 이것은 당신이 찾고 있는 Angular 14 스타터 프로젝트입니다! ✅ 으로 단위 테스트 ✅ 을 사용한 종단 간 테스트 ✅ 국제화 ✅ 으로 자동 문서화 ✅ 으로 프로젝트 분석 npm run start - 앱 시작 npm run lint - 프로젝트 린트 npm run test - 단위 테스트 실행 npm run build - 프로젝트 빌드 npm run build:prod - 프로덕션 모드에... angularjavascripttypescriptwebdev Angular에서 사전 렌더링 — 단일 다국어 빌드 오늘 우리는 에 대한 이전의 노력을 계속할 것이며 Express 서버를 조정하여 언어당 여러 정적 페이지를 생성할 것입니다. 다국어 지원을 위해 적응, URL 기반 끝을 염두에 두고 계획할 때 언어 폴더가 다른 동일한 경로를 만들어야 하므로 /client/projects/index.html 내부에 있어야 합니다 /client/en/projects/index.html . base href 값이... angularjavascriptnodewebdev 롤업의 최신 릴리스가 각도 라이브러리 빌드에 미치는 영향 직장의 프로젝트 중 하나에서 각도 응용 프로그램에 아키텍처를 사용하고 있습니다. 다음은 모노 저장소의 기술 스택입니다. 각진 Lerna(여러 응용 프로그램 수준에서 패키지 관리) NPM(패키지 관리자) 폴더 구조:- SDK 디렉토리 안에 있는 각도 라이브러리는 여러 각도 응용 프로그램 간에 코드를 공유하는 데 사용됩니다. 주로 서비스, 번역기 및 유틸리티 기능이 포함되어 있습니다. Angul... angularmonorepolernarollup 고유한 Angular hover 지시문 @앵귤러/클리: 13.3.0 고유한 hover 지시문을 빌드하는 Angular 13.3.0 애플리케이션 angular 절대 실망하지 않습니다! 사용자가 페이지의 한 부분을 가리키면 다음과 같이 페이지의 다른 지정된 부분에 일부 CSS 효과가 적용되어야 합니다. 더 간단한 솔루션이 백만 가지 더 있을 수 있지만 저는 여러 곳에서 사용할 수 있는 사용자 지정 각도 지시문을 구축하려고 생각했습니다... angularjavascripttypescriptwebdev Angular Composition API ⚠️ This article is based on an early version of the library. for the most recent version. 은 기능적인 Angular 응용 프로그램을 작성하기 위한 경량(3kb) 실험용 라이브러리입니다. 수명 주기 후크, 변경 감지, 쿼리, 호스트 바인딩 및 호스트 수신기와 같은 기존 Angular 구조 위에 추상화 계층을 제공합니다. S... angularjavascipttypescriptwebdev 이전 기사 보기