반응형

Angular 9

Angular 2에서 관측 가능한 장치 테스트

Angular 2에서 관측 가능한 장치 테스트 각도 2에서 관측 가능한 결과를 반환하는 서비스를 테스트하는 올바른 장치 방법은 무엇입니까?자동차 서비스 클래스에 getCars 방법이 있다고 가정해 보겠습니다. ... export class CarService{ ... getCars():Observable{ return this.http.get("http://someurl/cars").map( res => res.json() ); } ... } 테스트를 작성하려고 하면 'SPEC에는 기대가 없습니다'라는 경고가 표시됩니다. it('retrieves all the cars', inject( [CarService], ( carService ) => { carService.getCars().subscribe( ..

programing 2023.09.08

Angular 2 상태의 파이프

Angular 2 상태의 파이프 Angular 2에서 조건부로 파이프를 적용하는 것이 가능합니까?저는 다음과 같은 일을 하고 싶습니다. {{ variable.text | (variable.value ? SomePipe : OtherPipe) }} 그렇지 않은 경우 이러한 효과를 얻기 위해 선호되는 방법은 무엇입니까?구문을 약간 변경해야 합니다. {{variable.value ? (variable.text | SomePipe) : (variable.text | pipe2)}} 플런커 예제ngIf를 사용할 수도 있습니다. {{ variable.text | SomePipe }} {{ variable.text | OtherPipe }} 저는 줄이 너무 길어질 때 유용하다고 생각합니다.다른 사람들이 지적했듯이, ..

programing 2023.09.03

프로그래밍 방식으로 'value Changes'를 실행하는 방법은 무엇입니까?

프로그래밍 방식으로 'value Changes'를 실행하는 방법은 무엇입니까? 내 페이지 중 하나에서 나는 사용합니다.FormBuilder초기화 시 양식을 채우십시오.모든 입력은 입력이 비어 있지 않을 때마다 클래스를 가져옵니다.이 작업은 다음을 추가하여 수행됩니다.ngClass모든 입력에 대해, 그리고 구독.FormGroup의valueChanges. 양식이 프로그래밍 방식으로 채워질 때마다 문제가 발생합니다.사용자가 양식의 값을 변경할 때마다valueChanges호출되지만, 사용할 경우에는 그렇지 않습니다.FormBuilder. 제 질문은:다음을 수행하는 방법valueChanges언제든지 발사되는 이벤트FormBuilder완료되었습니다. 사용해 보았습니다.this.FormGroup.updateValue..

programing 2023.08.14

angular2 rc.5 사용자 지정 입력, 지정되지 않은 이름을 가진 양식 제어를 위한 값 접근자 없음

angular2 rc.5 사용자 지정 입력, 지정되지 않은 이름을 가진 양식 제어를 위한 값 접근자 없음 나는 이런 간단한 맞춤형 입력 구성요소를 가지고 있습니다. import {Component, Provider, forwardRef} from "@angular/core"; import {ControlValueAccessor, NG_VALUE_ACCESSOR} from "@angular/forms"; const noop = () => {}; const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CustomInputComponent), multi: true }; @..

programing 2023.08.04

HTML에서 구성 요소의 정적 변수를 각도 2에서 바인딩하는 방법은 무엇입니까?

HTML에서 구성 요소의 정적 변수를 각도 2에서 바인딩하는 방법은 무엇입니까? HTML 페이지에서 구성 요소의 정적 변수를 사용하고 싶습니다.각 2에서 구성 요소의 정적 변수를 HTML 요소와 바인딩하는 방법은 무엇입니까? import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs/Rx'; @Component({ moduleId: module.id, selector: 'url', templateUrl: 'url.component.html', styleUrls: ['url.component.css'] }) export class UrlComponent { static urlArray; constructor() { ..

programing 2023.08.04

Angular2 예외:'routerLink'는 알려진 네이티브 속성이 아니므로 바인딩할 수 없습니다.

Angular2 예외:'routerLink'는 알려진 네이티브 속성이 아니므로 바인딩할 수 없습니다. 분명히 Angular2의 베타는 새것보다 새것이기 때문에 많은 정보가 없지만, 저는 제가 생각하는 꽤 기본적인 라우팅을 하려고 노력하고 있습니다. https://angular.io 웹 사이트의 빠른 시작 코드 및 기타 스니펫으로 해킹한 결과 다음과 같은 파일 구조가 발생했습니다. angular-testapp/ app/ app.component.ts boot.ts routing-test.component.ts index.html 다음과 같이 파일이 채워집니다. 색인. Loading... 부트.츠 import {bootstrap} from 'angular2/platform/browser' import {RO..

programing 2023.06.30

Angular 2와 함께 사용해야 하는 폴더 구조 유형은 무엇입니까?

Angular 2와 함께 사용해야 하는 폴더 구조 유형은 무엇입니까? 저는 Angular 2에 대해 배우기 시작한 Angular 1 개발자입니다.폴더 구조 방법은 교육 자료에 따라 매우 다양합니다.저는 아래의 각 항목을 나열할 것이며, 제가 사용해야 하는 이유와 사용해야 하는 사람들의 의견을 듣고 싶습니다.또한 나열되지 않은 방법이 있지만 더 잘 작동한다고 생각되는 방법이 있다면 언제든지 나열해주시기 바랍니다. 이 모든 것을 보면 방법 #3은 제가 Angular 1 앱을 수행하던 방식과 거의 같습니다. 방법 1: Angular2-quickstart 출처: https://angular.io/guide/quickstart 폴더 구조: 방법 2: ng-book2 출처: https://www.ng-book.co..

programing 2023.05.16

Angular의 글로벌 이벤트

Angular의 글로벌 이벤트 에 해당하는 것이 있습니까?$scope.emit()또는$scope.broadcast()? 나는 알고 있습니다EventEmitter기능성, 하지만 내가 이해하기로는 그것은 단지 상위 HTML 요소에 이벤트를 방출할 것입니다. fx. 형제자매 간 또는 DOM 루트의 구성 요소와 여러 레벨로 중첩된 요소 간에 통신해야 하는 경우에는 어떻게 해야 합니까?와 동등한 것은 없습니다.$scope.emit()또는$scope.broadcast()AngularJS입니다.구성 요소 내부의 이미터도 근접하지만, 언급한 것처럼 이벤트는 직접 상위 구성 요소에만 발생합니다. Angular에는 아래에서 설명하려는 다른 대안이 있습니다. @Input() 바인딩을 사용하면 응용 프로그램 모델을 방향 지정..

programing 2023.05.01

각도 4의 URL에서 매개 변수를 가져오는 방법은 무엇입니까?

각도 4의 URL에서 매개 변수를 가져오는 방법은 무엇입니까? 저는 URL에서 시작 날짜를 얻으려고 합니다.URL은 다음과 같습니다.http://sitename/booking?startdate=28-08-2017 내 코드는 다음과 같습니다. a.ap.s. import {...}; @NgModule({ declarations: [ AppComponent, ModalComponent ], imports: [ BrowserModule, FormsModule, HttpModule, JsonpModule, ReactiveFormsModule, RouterModule.forRoot([{ path: '', component: AppComponent }, ]), ], providers: [ContactService, ..

programing 2023.04.26
반응형