반응형

angular 24

비주얼 스튜디오 코드로 Debug & Run Angular2 타입스크립트?

비주얼 스튜디오 코드로 Debug & Run Angular2 타입스크립트? 비주얼 스튜디오 코드로 Debug & Run Angular2 타입스크립트? VS 코드 https://angular.io/guide/quickstart 로 Angular2 typescript 응용 프로그램을 디버깅하려고 합니다. VS 코드에서 디버그하고 실행하는 단계를 공유해 줄 수 있는 사람?많은 연구 끝에 이런 단계를 발견했습니다. 시작하기 전에 VS 코드의 최신 버전이 있는지 확인합니다.최신 버전을 확인할 수 있습니다 – [도움말] > [업데이트 확인] 또는 [정보]. 'Debugger for Chrome'이라는 확장 프로그램을 설치합니다.설치가 완료되면 VS 코드를 다시 시작합니다. 디버그 창으로 이동하여 Chrome을 사용..

programing 2023.11.07

자바스크립트에서 Pass by Value and Pass by Reference

자바스크립트에서 Pass by Value and Pass by Reference Angular2를 작업한 지 거의 3개월이 다 되어 가는 지금 몇 가지 시나리오를 접했는데 어떻게 이런 일이 발생하는지 궁금했습니다. 특별한 경우this키워드 관련 참조 또는 인스턴스를 통과하고 있는 것이 분명합니다.DOM Object아니면Class예를들면. 하지만 또 다른 것이 있습니다.ControlGroup다른 변수에 할당될 때도 마찬가지입니다.그리고 두 변수 모두 같은 경우에 접근할 수 있습니다.ControlGroup.개체와 배열은 참조로 전달됩니다.숫자, 문자열, 부울과 같은 기본값은 값으로 전달됩니다.객체에 대한 참조 역시 원시형이며 다른 원시형과 마찬가지로 값으로 전달되지만, 참조하는 객체는 여전히 참조로 전달됩니..

programing 2023.11.02

Angular cli - ng serve 시 자동 재로드를 비활성화하는 방법

Angular cli - ng serve 시 자동 재로드를 비활성화하는 방법 Angular cli로 앱을 제공할 때 자동 재로드를 비활성화하려면 어떻게 해야 합니까? ng --help언급하다.--live-reload선택권이 있습니다만, 저는 그걸 해낼 수가 없습니다. ng serve --live-reload=false아니면ng serve --live-reload false일을 못 보다 편집 : 버그인 것 같습니다 https://github.com/angular/angular-cli/issues/1755그냥 해요ng serve --live-reload false아니면ng serve --no-live-reload 예전에는 잘 안 되다가 이번 홍보로 해결했습니다.다음 명령을 사용하여 응용 프로그램을 지원합니다..

programing 2023.11.02

Angular2 라우터 keep 쿼리 문자열

Angular2 라우터 keep 쿼리 문자열 라우터를 사용하는 Angular2 (v2.0.1) 어플리케이션을 작성했습니다.웹 사이트는 여러 쿼리 문자열 매개 변수로 로드되므로 전체 URL은 처음에 다음과 같습니다. https://my.application.com/?param1=val1&param2=val2&param3=val3 경로 구성에서 빈 경로를 리디렉션하는 항목이 있습니다. const appRoutes: Routes = [ { path: '', redirectTo: '/comp1', pathMatch: 'full' }, { path: 'comp1', component: FirstComponent }, { path: 'comp2', component: SecondComponent } ]; 문제는 앱..

programing 2023.10.13

각도 컴파일러는 무엇을 "컴파일"합니까?

각도 컴파일러는 무엇을 "컴파일"합니까? 저는 오늘 그 질문을 받고 제대로 답을 하지 못했습니다. 타이프스크립트는 JS로 변환됩니다.그런 다음 배치 과정에서 트리 흔들기, "덜"(선택 사항) 및 기타 항목이 발생합니다.하지만 그와 같은 것은 "컴파일링"과는 아무런 관련이 없습니다.모든 것이 번들로 구성되어 있고 매우 최적화되어 있지만 실제로 컴파일된 것은 아니죠? 심지어 "미리 보는" 컴파일러도 있는데, 이것은 정말로 눈에 띄는 일을 합니다.뭐가 그리울까요? 자바스크립트 자체는 아직도 해석이 되는 거죠?컴파일이란 소스 코드를 가져다가 기계 코드, 하위 코드 등을 생성하는 것을 의미한다고 가정합니다.하지만 컴파일은 사실 하나의 소스 코드를 가져다가 다른 소스 코드로 바꾸는 것을 의미합니다.따라서 Types..

programing 2023.09.28

Npm install에서 경고가 표시되고 npm 감사 수정이 작동하지 않음

Npm install에서 경고가 표시되고 npm 감사 수정이 작동하지 않음 저는 .net core web api로 angular app을 작업하고 있습니다. 이 저장소를 복제했을 때 각도 응용 프로그램에서 npm 설치를 실행하려고 했지만 이상한 오류가 발생했습니다. npm install npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","a..

programing 2023.09.23

어린이를 조롱하는 구성 요소 - 각도 2

어린이를 조롱하는 구성 요소 - 각도 2 테스트할 때 어린이 구성 요소를 어떻게 조롱합니까?부모 구성 요소가 있습니다.product-selected템플릿은 다음과 같습니다. 구성 요소 선언은 다음과 같습니다. import { Component, Input } from '@angular/core'; import { ProductSettingsComponent } from '../settings/product-settings.component'; import { ProductEditorComponent } from '../editor/product-editor.component'; import { ProductOptionsComponent } from '../options/product-options.com..

programing 2023.09.14

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

'div'의 알려진 속성이 아니므로 'aria-value now'에 바인딩할 수 없습니다. 다음 코드에 무슨 문제가 있습니까?어떤 요소에 표현을 붙이려고 했을 때, {{MY_PREC}} 로도 시도된. [aria-valuenow]={{MY_PREC}} RC5 이후로 그런 일이 생긴 것 같아요. 무슨 생각 있어요?각2 바인딩은 기본적으로 속성 바인딩입니다.거기에는 없다aria-valuenow에 대한 재산.div해당되는 지침 또는 구성요소가 적용되지 않는 경우@Input() 명시적 속성 바인딩 대신 사용 attr.aria-valuenow="{{MY_PREC}}" 아니면 [attr.aria-valuenow]="MY_PREC" .ts 파일에서: public MY_PREC = '55'; .html 파일에서: {{M..

programing 2023.09.08

Angular 2 + Typescript + systemjs 앱을 실제로 배포하려면 어떻게 해야 합니까?

Angular 2 + Typescript + systemjs 앱을 실제로 배포하려면 어떻게 해야 합니까? angular.io 에는 타자기와 시스템js를 사용하는 빠른 시작 자습서가 있습니다.이제 미니 앱을 실행할 수 있게 되었으니, 배포 가능한 것을 어떻게 만들 수 있을까요?저는 그것에 대한 어떤 정보도 찾을 수 없었습니다. System.config에 추가 도구, 추가 설정이 필요합니까? (Webpack을 사용하고 단일 bundle.js를 만들 수 있다는 것은 알고 있지만, 튜토리얼에서 사용하는 것처럼 systemjs를 사용하고 싶습니다.) 누군가 이 설정(Angular 2, TypeScript, systemjs)과 빌드 프로세스를 공유할 수 있습니까?이 수준에서 이해해야 할 중요한 점은 다음 구성을 사..

programing 2023.09.03

ngClass는 Angular 2에서 3진 연산자를 사용할 수 있습니까?

ngClass는 Angular 2에서 3진 연산자를 사용할 수 있습니까? Angular 1에서는 아래 코드가 잘 작동합니다. 그런데 앵귤러 2에서 비슷한 걸 하려고 할 때.작동하지 않습니다. 이미 추가했습니다.directives: [NgClass] Angular 2로 어떻게 써야 할까요, 감사합니다! 편집: 내 실수였어, 내가 실수로 추가했어요.{ }전체적으로varA === varB ? 'css-class-1' : 'css-class-2'SongClass는 Angular 2에서 3진 연산자를 계속 사용할 수 있습니다.네, 당신이 쓴 것은 효과가 있습니다. 플런커 오른쪽 식의 결과는 다음 중 하나를 평가해야 합니다. 공백으로 구분된 CSS 클래스 이름 문자열(이것이 당신의 표현식이 반환하는 것입니다) CS..

programing 2023.08.24
반응형