padding

router.query params Angular 5로 탐색 쿼리 매개 변수가 있는 경로로 라우팅하는 데 문제가 있습니다. 다음과 같은 기능이 있습니다. goToLink(link) { this.router.navigate([`${link.split('?')[0]}`, { queryParams: this.sortParams(link)}]); } 그리고 이 기능은 sortParams(link) { let queryParams = url.split('?')[1]; let params = queryParams.split('&'); let pair = null; let data = {}; params.forEach((d) => { pair = d.split('='); data[`${pair[0]}`] = pair..

*ngFor에서 동적 ID를 설정하는 방법은 무엇입니까? 동적 설정 방법idAngular 2에서? 시도해 본 결과: this.circles = [ { x: 50 , y: 50 ,id : "oyut1" }, { x: 100 , y: 100 ,id : "oyut3" }, { x: 150 , y: 150 ,id : "oyut2" } ]; 하지만 효과가 없습니다. 이 기능도 작동합니다. 접두사를 추가하려면 "loc"; []를 사용하면 값을 동적으로 추가하는 데 도움이 됩니다.사용해 보십시오. write something which you want like c.x ` 이것이 당신에게 효과가 있기를 바랍니다.StackOverflow를 검색했더니 이런 답이 나왔습니다. 인덱스를 동적 ID로 사용할 수 있습니다. Te..

각도 이유 별표(*) Angular document, * 및 template에서 *ngIf, *ngSwitch, *ngFor는 ng-template 태그로 확장할 수 있습니다.제 질문은: 제 생각엔ngIf또는ngFor없이.*Angular 엔진을 통해 템플릿 태그로 변환 및 확장할 수도 있습니다. 다음 코드 과 같을 것입니다. 그래서 왜 이상한 기호 별표를 디자인해야 합니까?*) Angular에서?별표 구문은 명령어가 후드 아래로 확장되는 더 많은 단어 템플릿 구문을 위한 구문 설탕입니다. 이러한 옵션 중 하나를 자유롭게 사용할 수 있습니다. 문서에서 인용한 내용: 별표는 "통사 설탕"입니다.작성자와 판독기 모두에 대해 ngIf와 ngF를 단순화합니다.후드 아래에서 Angular는 별표 버전을 더 자세한 ..

webpack angular2 app의 node_modules에서 CSS를 가져오는 방법 다음 스타터 팩으로 시작한다고 가정해 보겠습니다. https://github.com/angularclass/angular2-webpack-starter 끝나고npm install그리고.npm run start모든 것이 잘 작동합니다. 저는 부트스트랩 4의 CSS와 같은 외부 CSS 모듈을 추가하고 싶습니다.(부트스트랩에 부트스트랩 로더가 있는 것은 알고 있지만, 이제 일반적인 해결책을 요구하기 때문에 npm을 통해 사용할 수 있는 다른 CSS 모듈일 수 있으므로 여기서 부트스트랩 4에 대해 생각해 주십시오.) npm을 통해 부트스트랩을 설치합니다.npm install bootstrap@4.0.0-alpha.4 --s..

오류: \node_modules\@angular-devkit\build-angular\src\angular-cli-files\models의 'core-js/es7/reflect'를 확인할 수 없습니다. Angular 7.3.6으로 업데이트한 후 서버에 다음 오류가 발생합니다. ./node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/jit-polyfiles.js 모듈에서 오류:'\node_modules@angular-devkit\build-angular\src\angular-cli-files\models'에서 'core-js/es7/reflect'를 확인할 수 없습니다. 여기 제 소포가 있습니다.json 종속 항목: { "name..

Angular 2+에서 IMG 요소가 로드된 경우 감지 사용 중Angular 2이미지 태그에 이미지가 로드되었는지 확인해야 합니다. 그것을 위한 행사가 있습니까? 이와 같은 것: 첫 번째 답변을 확장하여 방금 로드된 이미지를 검사합니다. onImageLoad(evt) { if (evt && evt.target) { const width = evt.target.naturalWidth; const height = evt.target.naturalHeight; const portrait = height > width ? true : false; console.log(width, height, 'portrait: ', portrait); } } 하지만, 크롬은 크기가 다른 두 번의 이벤트를 보내는 것을 보았습니..

Angular에서 @Input()은 무엇에 사용됩니까? 저는 angular.io 에서 기능 구성 요소 만들기 튜토리얼을 공부하던 중에 다음과 같은 것을 발견했습니다.@Input장식자 특성: // src/app/hero-detail/hero-detail.component.ts import { Component, OnInit, Input } from '@angular/core'; import { Hero } from '../hero'; @Component({ selector: 'app-hero-detail', templateUrl: './hero-detail.component.html', styleUrls: ['./hero-detail.component.css'] }) export class HeroDeta..

각진 5개의 재료 - 180도에서 고착된 폼 필드 재료 양식을 사용하여 대화 상자에 양식을 작성했지만 https://material.angular.io/components/input/example 을 포함한 수많은 예를 따르더라도 입력이 180도보다 넓지 않은 것 같습니다. 저는 이것이 꽤 표준적인 CSS라고 확신하지만, 저는 그런 종류의 두뇌를 가지고 있지 않아서 문제를 알아낼 수 없습니다. 효과가 있는 심각한/사소한 예를 가진 사람이 있습니까? 내 것은 다음과 같습니다. {{title}} Enter a unique name. You should describe the purpose/use of this thing. CSS: .form-full-width { min-width: 150px; max-wi..

angular2의 입력을 비활성화하는 방법 인츠is_edit = true사용 안 함... 나는 단지 다음을 기준으로 입력을 비활성화하고 싶을 뿐입니다.true또는false. 다음을 시도했습니다. [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit" 사용해 보십시오.attr.disabled대신에disabled 일부 문에서 입력을 비활성화하려는 경우.사용하다[readonly]=true또는false장애인 대신에 문제를 파악한 것 같습니다. 이 입력 필드는 반응형(?)의 일부입니다. 다음을 포함했기 때문입니다.formControlName즉, 입력 필드를 비활성화하여 수행하려는 작업은 다음과 같습니다..

Angular 2 이상 / Typescript에서 글로벌 변수를 선언하려면 어떻게 해야 합니까? 닫혔습니다. 이 질문은.여론에 입각한현재 답변을 수락하고 있지 않습니다. 이 질문을 개선하고 싶으십니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트합니다. 6년 전에 문을 닫았습니다. 이 질문을 개선합니다. 나는 몇 가지 변수들이 어디에서나 접근할 수 있기를 원합니다.Angular 2에서Typescript언어.제가 이 일을 어떻게 해나가야 할까요?다음은 없는 가장 간단한 솔루션입니다.Service또는Observer: 글로벌 변수를 파일에 넣고 내보냅니다. // // ===== File globals.ts // 'use strict'; export const sep='/'; expo..