반응형

angular 9

NG2-차트는 '캔버스'의 알려진 속성이 아니므로 '데이터셋'에 바인딩할 수 없습니다.

NG2-차트는 '캔버스'의 알려진 속성이 아니므로 '데이터셋'에 바인딩할 수 없습니다. NG2-Chart(http://valor-software.com/ng2-charts/) 의 기본 예시를 사용하려고 합니다. HTML 부분을 복사해서 붙여넣었습니다. 그리고 TypeScript 부분. private barChartOptions: any = { scaleShowVerticalLines: false, responsive: true }; private barChartLabels: string[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; private barChartType: string = 'bar'; private barChartLegend:..

sourcecode 2023.10.16

각2 사용자 정의 양식 입력

각2 사용자 정의 양식 입력 지정 요소를 해야 ?폼tag를 할 수 . 사용자 정의 폼 컨트롤이 ngControl, ngForm, [(ngModel)]을 지원할 수 있도록 하고 싶습니다. 내가 알기로는, 나만의 폼 컨트롤이 네이티브와 같이 작동할 수 있도록 몇 가지 인터페이스를 구현해야 합니다. 은 ngForm 지시문 는 것 .태그, 이거 맞나요?어떻게 대처해야 하죠? 제가 왜 이것이 필요한지 설명해 드리겠습니다.여러 입력 요소를 랩핑하여 하나의 입력으로 함께 작업할 수 있도록 하고 싶습니다.그것에 대처할 다른 방법이 있습니까?다시 한번:저는 이 컨트롤을 토종 컨트롤처럼 만들고 싶습니다.검증, ngForm, ngModel 양방향 바인딩 및 기타. ps: 타이프스크립트를 사용합니다.저는 제가 인터넷에서 발견..

sourcecode 2023.09.26

Angular2 동적 변경 CSS 속성

Angular2 동적 변경 CSS 속성 우리는 Angular2 애플리케이션을 만들고 있으며 어떻게든 글로벌 CSS 변수를 만들 수 있기를 원합니다(그리고 변수가 할당될 때마다 변경될 때마다 속성 값을 업데이트합니다). 우리는 한동안 Polymer를 사용했고(지금은 Angular2 구성 요소로 전환하고 있습니다) CSS 속성을 사용했습니다(Polymer는 일부 폴리필을 가지고 있습니다). 우리는 다음을 사용하여 스타일을 업데이트했습니다.Polymer.updateStyles(). 우리가 비슷한 기능을 할 수 있는 방법이 있습니까? 편집: 우리는 Sass와 비슷한 것을 원합니다.color: $g-main-color또는 CSS 사용자 지정 속성으로color: var(--g-main-color)그리고 우리가 재산..

sourcecode 2023.09.01

Angular 4.3 HttpClient : 인터셉트 응답

Angular 4.3 HttpClient : 인터셉트 응답 새로운 기능에 대한 설명서HttpClientModuleAngular 4.3의 새로운 버전에 포함된, 요청을 가로채는 메커니즘은 매우 잘 설명되어 있습니다.응답 가로채기 메커니즘에 대한 언급도 있지만, 저는 그것에 대해 아무것도 찾을 수 없습니다. 응답이 서비스로 전송되기 전에 본문 메시지를 수정하기 위해 응답을 가로채는 방법에 대해 아는 사람이 있습니까? 감사해요.제가 최근에 만든.HttpInterceptor클라이언트 측의 일부 JSON에서 주기적인 참조를 해결하기 위해, 본질적으로 모든 객체를 대체합니다.$refJSON에 일치하는 개체가 있는 속성$id속성. (Json인 경우 출력됩니다.네트워크가 다음으로 되어 있습니다.PreserveRefer..

sourcecode 2023.08.27

구성 요소 Angular 2 내에서 리디렉션

구성 요소 Angular 2 내에서 리디렉션 마지막으로 다른 구성 요소로 리디렉션하는 간단한 방법이 있습니다. export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pairTo; } } 메서드 끝에 다른 구성 요소로 리디렉션합니다. export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pair..

sourcecode 2023.08.27

Angular App의 구문 오류: 예기치 않은 토큰 <

Angular App의 구문 오류: 예기치 않은 토큰 { configuration.RootPath = "App/dist"; }); // Configure // In order to serve files app.UseStaticFiles(new StaticFileOptions { FileProvider = new PhysicalFileProvider( Path.Combine(Directory.GetCurrentDirectory(), "App", "dist")), RequestPath = "" }); 저도 같은 문제에 직면해 있었습니다. 저같은경는에우는에.main.bundle.js누락되었습니다.을 해당 에복중는하사다시로 복사하는 것.dist폴더가 문제를 해결했습니다. 한 또 는 제가한또변다같다습니음에서 을 ..

sourcecode 2023.07.28

'ngForOf'는 'tr'의 알려진 속성이 아니므로 바인딩할 수 없습니다(최종 릴리스).

'ngForOf'는 'tr'의 알려진 속성이 아니므로 바인딩할 수 없습니다(최종 릴리스). Angular2 Angular2를 2.1.0회사 목록을 표시하려고 할 때 이 오류가 발생했습니다. file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; file.component.html: {{i}} {{item.name}} 더하다BrowserModuleimports: []@NgModule() 모듈 module)인 경우AppModule 않은 경우, ), 그지않으면렇면▁),않으CommonModule. // olde..

sourcecode 2023.06.23

Angular 2 + CLI 프로젝트에 폰트 어썸을 추가하는 방법

Angular 2 + CLI 프로젝트에 폰트 어썸을 추가하는 방법 Angular 2+와 Angular CLI를 사용하고 있습니다. 프로젝트에 폰트 어썸을 추가하려면 어떻게 해야 합니다.Angular 2.0 최종 릴리스 이후 Angular2 CLI 프로젝트의 구조가 변경되었습니다. 공급업체 파일이나 system.js는 필요 없고 웹 팩만 필요합니다.그렇게 하면 됩니다. npm install font-awesome --save angular-cli.json 찾기styles[]아래와 같이 여기에 배열하고 글꼴 고정 참조 디렉터리를 추가합니다. "apps": [ { "root": "src", "outDir": "dist", .... "styles": [ "styles.css", "../node_modules/b..

sourcecode 2023.05.29

@HostBinding 및 @HostListener: 그들은 무엇을 하고 무엇을 위한 것입니까?

@HostBinding 및 @HostListener: 그들은 무엇을 하고 무엇을 위한 것입니까? 전 세계 인터넷, 특히 현재 angular.io 스타일 문서에서 많은 언급을 발견했습니다.@HostBinding그리고.@HostListener그것들은 꽤 근본적인 것처럼 보이지만, 안타깝게도 현재 그들을 위한 문서는 약간 개략적입니다. 그것들이 무엇인지, 어떻게 작동하는지, 그리고 그것들의 사용에 대한 예를 들어줄 수 있는 사람이 있습니까?그들이 하는 일을 기억하는 데 도움이 되는 빠른 팁 - HostBinding('value') myValue;▁the같▁▁is▁와 정확히 같습니다.[value]="myValue" 그리고. HostListener('click') myClick(){ }▁the같▁▁is▁와 정확히..

sourcecode 2023.05.04
반응형