newsource

Angular 6에서 암호 유효성 확인 이 질문에는 이미 다음과 같은 답변이 있습니다. 비밀번호 및 확인 비밀번호 필드 검증 각2개 반응식 (11개 답변) 닫힘3년 전에. 소재부품만을 사용하여 비밀번호 확인 및 비밀번호 확인을 수행하고, 비밀번호 확인 필드 아래에 오류 메시지가 있는 경우,confirm password field doesn't match그리고.if it is empty.달성할 수 없는 많은 자원을 시도했습니다. 이 영상도 해봤어요. 이것은 제가 찾는 자재 부품입니다. HTML {{hide ? 'visibility' : 'visibility_off'}} Please enter your newpassword {{hide ? 'visibility' : 'visibility_off'}} Conf..

Angular Cli Webpack, 외부 js 파일 추가 또는 번들 방법? Angular Cli를 SystemJs에서 Webpack으로 전환한 후 JS 파일(벤더)을 포함하는 방법을 잘 모르겠습니다. 예를들면 옵션A 저는 npm을 통해 설치된 js 파일이 몇 개 있습니다.이와 같이 헤드 태그에 스크립트 태그를 추가하는 것은 작동하지 않습니다.그것도 최선의 방법은 아닌 것 같습니다. //With systemJs I could do this 옵션B 이러한 js 파일을 웹팩 번들의 일부로 포함합니다.이것은 아마도 그렇게 되어야 할 것 같습니다.하지만 모든 웹팩 코드가 앵글-클리-웹팩 노드 패키지 뒤에 숨겨져 있는 것 같아서 어떻게 해야 할지 잘 모르겠습니다.우리가 접근할 수 있는 다른 웹팩 구성이 있을지도 ..

Angular CLI 출력 - 번들 파일을 분석하는 방법 CLI를 하여 Angular CLI를 하여 Angular 하여 을 을 는 를 는 --prod스위치를 바꾸다번들은 dist 디렉토리에 생성됩니다.트리 쉐이킹과 다른 모든 단계를 거친 후 실제로 어떤 클래스와 기능이 번들에 포함되었는지 알 수 있는 방법이 있습니까?업데이트 2020: Angular 팀은 번들 크기를 분석할 때 웹팩-번들-분석기 대신 소스-맵-익스플로러만 사용할 것을 강력하게 권장합니다.그들에 따르면, 웹팩-번들-분석기와 다른 몇몇 유사한 도구들은 Angular 빌드 프로세스와 관련된 실제 정보를 제공하지 않는다고 합니다. 자세한 내용은 web.dev - https://youtu.be/B-lipaiZII8?t=215 에서 확인하실 수 있..

스크롤 이벤트에 참여하는 방법은? 오버플로가 있는 디브에서 스크롤 이벤트를 받아야 합니다: 내 앵글 2 앱에서 스크롤. Angular 2에서는 스크롤 이벤트가 작동하지 않는 것 같습니다. 어떻게 하면 그것을 이룰 수 있을까요?// @HostListener('scroll', ['$event']) // for scroll events of the current element @HostListener('window:scroll', ['$event']) // for window scroll events onScroll(event) { ... } 아니면 @HostListener 데코레이터를 사용할 수 있습니다.Angular 4 이상에서 작동합니다. import { HostListener } from '@angul..

router.navigateBy 사용 방법Url 및 router.navigate in Angular https://angular.io/api/router/RouterLink 은 Angular4에서 사용자를 다른 경로로 안내하는 링크를 만드는 방법에 대한 좋은 개요를 제공하지만, 사용자가 링크를 클릭해야 하는 대신 프로그래밍 방식으로 동일한 작업을 수행하는 방법을 찾을 수 없습니다.Url별 탐색 routerLink다음과 같이 사용되는 지침: Open Message 44 명령형 탐색을 사용하는 래퍼일 뿐입니다.router그리고 그것의 탐색By.URL 방법: router.navigateByUrl('/inbox/33/messages/44') 출처에서 알 수 있듯이: export class RouterLink {..

Angular 2+를 사용하여 입력 포커스 감지 입력할 때 나타나는 자동 완성 목록을 작성하려고 하는데, 문서의 다른 곳을 누르면 사라집니다.Angular 2를 사용하여 폼 입력의 초점을 어떻게 감지합니까?Angular 1은 ng-focus를 가지고 있지만, Angular 2는 더 이상 그것을 지원하지 않는 것 같습니다. 0"> {{item}} 참고로 이 튜토리얼을 참고했습니다.있다focus그리고.blur이벤트: 를 사용하는 사용자용@angular/material당신은 에 대한 참조를 얻을 수 있습니다.MatInput구현하는 인스턴스MatFormFieldControl나이스를 노출하는 인터페이스focused소유물. @angular/cdk에서 Focus Monitor를 사용할 수도 있습니다. https://..

운영을 위해 Angular 앱을 번들로 제공하는 방법 라이브 웹 서버에서 프로덕션을 위해 Angular(버전 2, 4, 6, ...)를 번들로 제공하는 가장 좋은 방법은 무엇입니까? Angular 버전을 답변에 포함하여 이후 버전으로 이동할 때 더 잘 추적할 수 있도록 해주십시오.2 to 15 () (TypeScript) (Angular CLI 함포) 원타임 설정 npm install -g @angular/cli ng new projectFolder는 새 " " 를 만듭니다. 번들링 단계 ng build가 ("directory"일 때 )projectFolder). 발깃prod이제 프로덕션용 번들이 기본입니다(필요한 경우 사용자 지정하려면 각도 설명서 참조). Brotli를 사용하여 압축 다음 명령을 사용..

Angular Karma Jasmine 오류:잘못된 상태:지시문 요약을 로드할 수 없습니다. 저는 github 저장소(angular 7과 angular-cli)를 개발하고 있으며 마스터 브랜치에서 일하는 Karma와 Jasmine과 함께 몇 가지 테스트를 하고 있습니다. 이제 저는 게으른 로딩 기능을 추가하려고 합니다. 중요한 것은 이전에 통과했던 시험들이 지금은 통과하지 않는다는 것입니다.재미있는 것은 게으른 로딩 모듈의 테스트만 실패하고 있기 때문입니다... 다음은 코드와 오류입니다. import {async, TestBed} from '@angular/core/testing'; import {APP_BASE_HREF} from '@angular/common'; import {AppModule} fr..

라우터 탐색에서 동일한 페이지에서 ngOnInit를 호출하지 않음 저는 니다습전에 .router.navigate일부 쿼리 문자열 매개 변수가 있는 동일한 페이지에 있습니다. 이경에는우,,ngOnInit()호출하지 않습니다.기본값입니까, 아니면 추가해야 하는 항목이 있습니까?를 놓을 수 .ActivatedRoute.params constructor(route:ActivatedRoute) { route.params.subscribe(val => { // put the code from `ngOnInit` here }); } 라우터는 다른 경로로 이동할 때만 구성요소를 삭제하고 다시 만듭니다.경로 매개 변수 또는 쿼리 매개 변수만 업데이트되고 경로는 동일한 경우 구성 요소가 삭제되고 다시 생성되지 않습니다. ..

ngFor를 사용하여 문자열 배열로 Typescript Enum을 반복하려면 어떻게 해야 합니까? Angular2 및 TypeScript를 사용하고 있으며 다음과 같은 항목이 있습니다. export enum Role { ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, CrewMember, AgentCrewMember, Customer } *ngFor를 사용하여 열거에 대해 반복하려고 합니다.이것을 하는 가장 좋은 방법은 무엇인가요?파이프를 작성해야 합니까?아니면 더 간단한 방법은 없나요?Angular 6.1에 소개된 "keyvalue" 파이프를 사용하면 됩니다. {{ enum.key }} - {{ enum.value}} 전체 예제는 여기를 참조하십시오. -> h..