반응형

Angular 19

*ngIf에 대해 Angular 8 HTML 템플릿에서 Enum 사용

*ngIf에 대해 Angular 8 HTML 템플릿에서 Enum 사용 Angular 8 템플릿에서 Enums를 사용하려면 어떻게 해야 합니까? component.ts import { Component } from '@angular/core'; import { SomeEnum } from './global'; @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: [ './app.component.css' ] }) export class AppComponent { name = SomeEnum.someValue; } 성분. This has some value 템플릿에 다음에 대한 참조가 없으므로 현재 작동하지 않습니다...

programing 2023.10.30

Angular 6+에서 로컬 컴퓨터에서 Dist 폴더를 실행하는 방법?

Angular 6+에서 로컬 컴퓨터에서 Dist 폴더를 실행하는 방법? 애플리케이션을 구축하고 있습니다.Angular6+, 이제 명령을 실행했습니다.ng build --prod그로 인해 디스트 폴더가 생겼습니다.Localhost에서 해당 폴더를 확인하거나 서비스하려면 어떻게 해야 합니까?http-server package를 사용하여 이 작업을 수행할 수 있습니다. 먼저 패키지를 전역적으로 설치합니다. npm install http-server -g 그런 다음 프로젝트 디렉토리 안에서(터미널에서) 실행합니다. http-server dist/ 그리고 Angular 6+ 이상을 사용하는 경우(Angular 10을 사용하는 경우) 실행해야 합니다. http-server dist/your-project-name ..

programing 2023.10.25

두 가지 조건으로 각진 버튼을 비활성화하시겠습니까?

두 가지 조건으로 각진 버튼을 비활성화하시겠습니까? 이게 각도로 가능한가요? Add 두 조건이 모두 사실이면 버튼이 활성화될 것으로 예상합니다. 위의 코드를 이미 사용해 보았지만 생각대로 되지 않습니다.대신 수술이 필요한 것 같습니다. Add 이렇게 하면 유효하지 않거나 SAForm.valid가 아닌 경우 버튼이 비활성화됩니다.다른 대답에 덧붙여 이 추론은 드 모르간의 법칙으로도 알려져 있음을 지적하고자 합니다.이것은 사실 프로그래밍보다는 수학에 관한 것이지만, 모든 프로그래머들이 알아야 할 매우 기본적인 것입니다. 당신의 문제는 이렇게 시작되었습니다. enabled = A and B disabled = not ( A and B ) 지금까지는 괜찮았는데, 한 걸음 더 나아가 교정기를 제거하려고 하셨잖아요..

programing 2023.10.15

플러그인 없이 각도 4의 페이지 앵커까지 스크롤을 부드럽게 하는 방법은 무엇입니까?

플러그인 없이 각도 4의 페이지 앵커까지 스크롤을 부드럽게 하는 방법은 무엇입니까? 내가 이루고 싶은 것은 내가 이렇게 되어야 한다고 생각하는 것처럼 해시태그로 정의한 하단 / 지정된 디브 영역으로 클릭하여 부드럽게 스크롤하는 것입니다. 여기 JQuery: https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate_smoothscroll 을 위해 쓰여진 w3 학교 예제의 실제 예시가 있습니다. 제가 하는 일은 이 답변에서 엿보는 것입니다: 페이지 앵커에 해시태그를 사용한 각도2 라우팅 하지만 저는 답을 잘 이해하지 못합니다. 답은 다음과 같습니다. 이 부분은 HTML 부분입니다. Jump to 'Test' anchor 그리고 이 아..

programing 2023.10.15

CSS 파일 차단: MIME 유형 불일치(X-Content-Type-Options:nosniff)

CSS 파일 차단: MIME 유형 불일치(X-Content-Type-Options:nosniff) Angular 4 앱을 개발 중인데 글로벌 스타일을 적용하고 싶습니다.각도 사이트의 자습서를 따라 앱의 루트 디렉터리에 "styles.css" 파일을 만들었고, 앱의 인덱스.html에 있는 스타일시트를 참조하는 것입니다. 각진 앱이 성공적으로 컴파일되었습니다. $ ng serve ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 ** [...] webpack: Compiled successfully. 그러나 Chrome 브라우저에서 http://localhost:4200을..

programing 2023.10.15

프로젝트에 새 글꼴을 가져오는 방법 - Angular 5

프로젝트에 새 글꼴을 가져오는 방법 - Angular 5 Angular 5 프로젝트에 새로운 글꼴을 가져오기를 원합니다. 시도해 본 결과: 1) 파일을 asset/fonts/에 복사하는 중 2) 에 추가하기.angular-cli.json스타일들 하지만 나는 그 파일이 a가 아닌 것을 확인했습니다..css, 그것은.otf그것은 아주 잘 작동합니다..exe(설치자입니다) 그래서 어떻게 가져오는지 잘 모르겠습니다.감 잡히는 게 없어요?글꼴 파일을 자산 폴더(자산 내 글꼴 하위 폴더일 수 있음)에 넣고 스타일을 참조해야 합니다. @font-face { font-family: lato; src: url(assets/font/Lato.otf) format("opentype"); } 작업이 완료되면 이 글꼴을 다음과..

programing 2023.09.25

'div'의 알려진 속성이 아니므로 'target'에 바인딩할 수 없습니다.

'div'의 알려진 속성이 아니므로 'target'에 바인딩할 수 없습니다. 이 질문에는 이미 다음과 같은 답이 있습니다. Angular를 사용하여 데이터 속성을 작성하려면 어떻게 해야 합니까? (2개 답변) 마감됨8개월 전에. 축소 기능을 구현하는 동안 다음 오류가 발생합니다. 오류: 템플릿 구문 분석 오류: 'div'의 알려진 속성이 아니므로 'target'에 바인딩할 수 없습니다. app.component.vmdk: {{ele.name}} Toggle Lorem Ipsum 하지만 내가 단순히 사용한다면,data-target="#demo"그것은 잘 작동하고 있습니다.하지만 내가 구속될 때{{RowIndex}}오류를 표시하는 것보다.속성 바인딩을 놓쳤습니다. Toggle Toggle clickMe(va..

programing 2023.08.21

중첩 양식 그룹의 컨트롤을 각도로 가져오는 방법

중첩 양식 그룹의 컨트롤을 각도로 가져오는 방법 https://angular.io/api/forms/FormGroup#controls 내 양식에 따름: this.form= this.fb.group({ id: ['', [Validators.required]], name: ['', [Validators.maxLength(500)]], child: this.fb.group({ id: [ '', [Validators.required]], name: [''] }) }); 나는 아이의 타당성을 얻고 싶어요, 예를 들어.this.form.controls.child.controls.valid,하는 동안에.controlsrenturn AbstractControl은 이 양식 그룹 api를 참조합니다. 각도 컴파일 오류, ..

programing 2023.08.16

Angular CLI에서 상대 경로 방지

Angular CLI에서 상대 경로 방지 최신 Angular CLI를 사용하고 있으며 모든 구성 요소의 모음인 사용자 지정 구성 요소 폴더를 만들었습니다. 를 들면, 들면를예,TextInputComponent을 가지고 있습니다.TextInputConfiguration 안에 반src/components/configurations.ts 그고리로.src/app/home/addnewuser/add.user.component.ts제가 사용하는 곳은 다음과 같습니다. import {TextInputConfiguration} from "../../../components/configurations"; 이것은 괜찮지만 내 앱이 커지고 깊어질수록../증가합니다. 어떻게 처리해야 합니까? 이에전시스템을 통해 했습니다.JS..

programing 2023.08.16

Angular 4 프로젝트에서 실행 중인 원고 버전을 확인하는 방법

Angular 4 프로젝트에서 실행 중인 원고 버전을 확인하는 방법 그래서 저는 했습니다.ng -v그것은 나에게 typescript를 제외한 모든 것을 보여주는데, 나는 어떻게 내 각진 4 프로젝트의 typescript 버전을 확인할 수 있습니까?열다.package.json서류철 검사devDependencies노드. 아래와 같이 프로젝트에서 사용되는 typrecript 버전은 다음과 같습니다. "typescript": "^2.4.0", 아래 답변에서 Sajeetharan이 제안한 대로 명령 프롬프트를 사용할 수도 있습니다.정확한 버전을 패키지 종속성으로 설치하려면ls명령: npm ls typescript 또는 실행할 수 있습니다.tsc와 함께-v플래그: 로컬로 설치된 경우: node_modules\.bi..

programing 2023.08.11
반응형