lovejava

'fName' 속성은 인덱스 서명에서 가져온 것이므로 ['fName']을(를) 사용하여 액세스해야 합니다. 이것들은 제 파일입니다.이 오류가 발생합니다. 누가 도와줄 수 있나요. Error: src/app/app.component.html:5:123 - error TS4111: Property 'fName' comes from an index signature, so it must be accessed with ['fName']. 성분. Name: first name is required component.ts import { Component, OnInit } from '@angular/core'; import { FormControl, FormBuilder, FormGroup, Validators} ..

md-table - 열 너비 업데이트 방법 프로젝트에 md-table을 사용하기 시작했고, 고정된 열 너비를 원합니다.현재 모든 열 너비가 동일한 크기로 분할되어 있습니다. 데이터 테이블 치수의 설명서는 어디서 구할 수 있습니까? https://material.angular.io/components/table/overview재료는 표를 작성할 때 자동으로 두 개의 클래스 이름을 적용하여 각 열을 스타일링하는 데 사용할 수 있습니다.아래 예제에서는 스타일 이름이 지정됩니다.mat-column-userId그리고.cdk-column-userId. ID {{row.id}} 이제 CSS에서 다음 이름을 사용할 수 있습니다. .mat-column-userId { flex: 0 0 100px; } 라훌 파틸의 대답과..

폼 제어를 비활성화하되 값은 유지하는 방법 저는 반응형이 있습니다.편집 시 컨트롤을 사용하지 않도록 설정합니다. 다음이 작동합니다. this.myForm.controls['analysis_horizon'].disable(); 그러나 key analysis_horizon이 더 이상 myForm.value 해시에 없습니다. 반응형 폼은 있지만 폼 값은 해시 값으로 유지하는 필드를 비활성화하려면 어떻게 해야 합니까? [disabled]=을(를) 시도했지만 다음을 확인할 수 있습니다. It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true when you set up th..

각도 - 관찰 가능한 비동기 파이프 사용

Angular 'ngOnInit'의 비동기/대기 저는 현재 Angular의 respons를 대체하는 것에 대한 찬성 'n'의 단점을 평가하고 있습니다.RxJS'ObservablePromise사할수있록도용록을 사용할 수 .async그리고.await보다 직관적인 코드 스타일을 얻을 수 있습니다. 인 시나리오 중 는 일적인시중하다같다습니음과나는반 내에서 를 로드하는 입니다.ngOnInit.사용.Observables사용자: ngOnInit () { this.service.getData().subscribe(data => { this.data = this.modifyMyData(data); }); } 가 품반시를 때.PromisegetData()대신에, 그리고 사용합니다.async그리고.await다음과 같습니다...

Angular2가 있는 서비스에서 구성 요소의 변수 변경 업데이트 내 앱에는 이름을 저장하는 네임 서비스가 있습니다. 앱에는 이 서비스를 참조하는 Navbar와 The Content라는 두 가지 하위 구성 요소가 있습니다.서비스에서 이름이 변경될 때마다 다른 두 구성 요소에서 모두 업데이트하기를 원합니다.어떻게 해야 하나요? import {Component, Injectable} from 'angular2/core' // Name Service @Injectable() class NameService { name: any; constructor() { this.name = "Jack"; } change(){ this.name = "Jane"; } } // The navbar @Component({ sel..

"이것.앱inits[i]는 함수가 아닙니다. APP_를 사용하려고 합니다.구성 파일에서 데이터를 로드하는 INITIALIZER.다음 오류가 발생합니다. "처리되지 않은 약속 거부: this.appInit [i]는 함수가 아닙니다; Zone:; Task: Promise.값: TypeError: this.app그 자체[i]는 함수가 아닙니다." 코드: import { Injectable } from '@angular/core'; import { Http } from '@angular/http'; import { Observable } from 'rxjs/Rx'; @Injectable() export class ApiConfig { private urlList: any = null; constructor(pr..

처리되지 않은 약속거부 경고:유형 오류: Jest + Angular를 사용하여 원형 구조를 JSON으로 변환하는 중 just-preset-angular를 사용하여 단위 테스트를 수행하지만 다음과 같은 경고를 받았습니다.UnhandledPromiseRejectionWarning: TypeError: Converting circular structure to JSON오류의 원인이 무엇인지 확실하지 않습니다. 이로 인해 응용 프로그램이 고착되고 다른 장치 테스트를 실행하지 않습니다. PASS src/app/pages/result/result-filter/result-filter.component.spec.ts (6.251 s) PASS src/app/pages/result/search-navigation/se..

콜백 함수를 실행할 때 Angular2 구성 요소의 "this"가 정의되지 않았습니다. RESTful 끝점에서 데이터를 가져오는 서비스를 호출하는 구성 요소가 있습니다.해당 데이터를 가져온 후 실행하려면 이 서비스에 콜백 기능이 있어야 합니다. 문제는 콜백 함수를 사용하여 구성 요소의 변수에 있는 기존 데이터에 데이터를 추가하려고 하면 다음과 같은 메시지가 표시된다는 것입니다.EXCEPTION: TypeError: Cannot read property 'messages' of undefined이유는this미정의? TypeScript 버전:버전 1.8.10 컨트롤러 코드: import {Component} from '@angular/core' import {ApiService} from '...' @Com..

구성 파일에서 서버에 대한 기본 호스트 및 포트 설정 구성 파일에서 호스트와 포트를 설정하여 입력하지 않아도 되는지 알고 싶습니다. ng serve --host foo.bar --port 80 의 대신에 ng serve Angular CLI 6+ Angular의 최신 버전에서는 구성 파일에 설정되어 있습니다.예: { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "projects": { "my-project": { "architect": { "serve": { "options": { "port": 4444 } } } } } } 를 사용하여 값을 보거나 편집할 수도 있습니다. ng config projects["my-project"].a..