manycodes

각 12개의 'ng serve'는 거의 프로덕션 빌드와 같이 앱을 느리게 만듭니다. 방금 Angular 11.2.7에서 Angular 12로 앱을 마이그레이션했습니다.제가 'ng serve'를 개발하고 사용할 때 리빌드 시간이 지금은 훨씬, 훨씬 느려서 답답할 정도라는 것을 제외하고는 모든 것이 잘 실행됩니다. 저는 M1 iMac을 사용하고 있고, 노드 16.1.0을 사용하고 있습니다. 가치가 있습니다. 제가 Angular 12로 옮기기 전에 기계는 개발 재구축(초단위)에서 번개처럼 빨랐습니다.이제 한 줄의 코드만 변경해도 콘솔 로그에서 한 글자만 변경해도 빌드 시간은 23초이며 그 중 약 22초는 "단계: 밀봉"으로 소요됩니다. 또한 ng 서브를 할 때도 이제 모든 것이 main.js로 최소화되어 실행..

입력 유형 번호 "숫자 값만" 유효성 검사 입력을 확인하려면 어떻게 해야 합니까?type="number"값이 숫자이거나 null인 경우에만 유효(지시 사항 없음)? 숫자만[0-9]그리고 .는 허용되며, "e" 또는 다른 문자는 허용되지 않습니다. 지금까지 시도한 것: 템플릿: 구성요소: export class App { form: FormGroup = new FormGroup({}); constructor( private fb: FormBuilder, ) { this.form = fb.group({ number: ['', [CustomValidator.numeric]] }) } } 사용자 정의 검증자: export class CustomValidator{ // Number only validation s..

RC.1에서는 바인딩 구문을 사용하여 일부 스타일을 추가할 수 없습니다. 스타일: Background

각도 5: "컨트롤 컨테이너 공급자 없음" Angular 5가 있는 작은 웹 앱을 가지고 있는데 갑자기 브라우저 콘솔에 다음과 같은 이상한 오류 메시지가 나타납니다. ncaught Error: Template parse errors: No provider for ControlContainer (" [ERROR ->]

Angular에서 .subscribe는 무엇입니까? 앵귤러-투어-오브-히어로즈 앱을 진행하고 있는데 라우팅에서 .subscribe 메서드를 접했습니다.여기서 무슨 일이 일어나고 있는지 누가 설명해 줄 수 있나요? 앱 링크: https://embed.plnkr.co/ ?show=http://preview hero-detail.component.ts 파일 안에 있습니다. ngOnInit(): void { this.route.paramMap .switchMap((params: ParamMap) => this.heroService.getHero(+params.get('id'))) .subscribe(hero => this.hero = hero); } .subscribeAngular2가 아닙니다. Angular가..

*ngIf와 [hidden]의 차이점은 무엇입니까? 내가 대조해서 확인하고 표현한다고 하면, 이 두 가지는 똑같지 않나요? {{val}} {{val}} 이들 사이에는 실제로 다음과 같은 성능 차이가 있습니다. ngIf는 식이 거짓이면 데이터를 주석 처리합니다.이렇게 하면 데이터가 로드되지도 않고 HTML이 더 빨리 로드됩니다. [hidden]은 데이터를 로드하고 숨겨진 HTML 속성으로 표시합니다.이렇게 하면 보이지 않더라도 데이터가 로드됩니다. 따라서 버튼 클릭 이벤트와 같이 표시/숨기기 상태를 자주 변경하려는 경우 [hidden]이 더 잘 사용되므로 버튼을 클릭할 때마다 데이터를 로드할 필요가 없으며 숨겨진 속성만 변경하면 됩니다. 작은 데이터에서는 성능 차이를 볼 수 없고 큰 개체에서만 볼 수 있습..

TSLint 자동 수정 경고 [64, 1]: space indentation expected [15, 27]: Missing semicolon [109, 36]: missing whitespace [111, 24]: missing whitespace [70, 1]: Consecutive blank lines are forbidden TSLint에서 이런 경고를 계속 받고 있습니다.엄청난 양의 경고가 있고, 수동으로 수정하는 것은 매우 어려울 것입니다. 저는 대부분의 경고를 자동으로 수정할 수 있는 방법을 찾고 있었습니다.TSLint 옵션을 사용하여 대부분의 경고를 자동으로 수정할 수 있습니다.일반적인 사용 사례에서는 다음과 같이 보일 수 있습니다. tslint --fix -c ./config/tslint..

오류: 유형이 Promise 호환 생성자를 참조하지 않으므로 ES5/ES3에서 올바른 비동기 함수 반환 유형이 아닙니다. 나는 이 함수를 TypeScript로 작성했습니다. export class LoginService { async isLoggedIn(): boolean { const r = await this.http.get('http://localhost:3000/api/user/isLoggedIn').toPromise(); return r.body; } } Angular 6 응용 프로그램을 실행하려고 하면 다음 오류 메시지가 표시됩니다. src/app/login에 오류가 있습니다.service.ts(28,23): 오류 TS1055:'boolean' 유형은 Promise 호환 생성자 값을 참조하지 ..

TypeScript - Angular 2의 컨테이너 요소에 HTML 추가 제가 하고 싶은 것은 단순히 요소에 html을 추가하는 것입니다.저는 몇몇 링크들을 확인했고, 혼란스럽고, 작동하지 않는, 추천되지 않는 다른 해결책들을 발견했습니다. JavaScript를 사용하여 다음과 같은 작업을 수행합니다. var d1 = document.getElementsByClassName('one'); d1.insertAdjacentHTML('beforeend', 'two'); 유형 스크립트/각도 2, RC5를 사용하여 동일한 결과를 얻으려면 어떻게 해야 합니까? 편집 클래스가 있는 요소.one외부 js에 의해 생성되어 수정할 수 없습니다.1. this.htmlToAdd = 'two'; 참고 항목RC.1에서는 바인딩 ..

$document.ready()에 해당하는 Angular2 간단한 질문이면 좋겠네요. $document.ready()에 해당하는 Angular2가 실행될 때 스크립트를 실행하고 싶습니다.이를 달성하는 가장 좋은 방법은 무엇입니까? 저는 대본을 마지막에 넣으려고 노력했습니다.index.html하지만 제가 알아냈듯이, 이것은 효과가 없습니다!어떤 종류의 구성 요소 선언에 포함되어야 한다고 생각합니까? 에서 스크립트 로드를 실행할 수 있습니까?.js파일? 편집 - 코드: (Foundry html 테마에서) 애플리케이션에 다음과 같은 js 및 css 플러그인을 삽입했습니다. ... ... //This initiates all the plugins 설명한 대로 script.js는 전체를 '인스턴스'하므로 Angu..