stoneblock

각도 비동기 파이프 및 객체 속성 이 질문에는 이미 다음과 같은 답변이 있습니다. 각도 2 - 약속에서 비동기 개체 데이터 표시 (7개 답변) 닫힘작년에 ngFor를 사용하지 않고 sync pipe를 사용해야 합니다.관찰 가능한 비동기 로드된 객체의 속성을 확인해야 합니다. 이것이 제가 원하는 것이지만 작동하지 않는 것입니다. Login //EDIT: 위의 코드를 사용할 때 이 오류가 발생합니다. 예외: [!user$]의 'AsyncPipe' 파이프에 대한 인수 'true'가 잘못되었습니다.anonymoususe | sync SettingsPage@27:22] 이것을 해결할 방법이 없을까요? 나는 Ctrl에서 관측 가능한 이 값을 정상 변수에 저장할 수 있다는 것을 알고 있지만 성능 등 때문에 그렇게 하..

*ngIf가 ng-template와 작동하지 않는 이유는 무엇입니까? 템플릿에는 다음과 같은 조건이 있습니다. Section {{seat?.section}} , Row {{seat?.row}}, Seat number {{seat?.seatNo}} 데이터 세트에 다음을 포함된 데이터셋이 있습니다.row그리고.seatNo, 템플릿에 인쇄되지 않는 것 같습니다.여기서 무슨 문제가 있습니까?여기 https://angular.io/guide/structural-directives 에서 특히 다음과 같은 문서를 읽으십시오. {{hero.name}} 별표는 조금 더 복잡한 것을 의미하는 "신택틱 설탕"입니다.내부적으로 Angular는 두 단계로 나누어 당을 풉니다.먼저 *ngIf="..."를 템플릿 속성인 templ..

라우터의 공급자가 없습니까? 다음 오류가 발생합니다. 예외: ./AppComponent 클래스 AppComponent에서 오류가 발생했습니다. 인라인 템플릿: 0:0 원인: 라우터에 대한 공급자 없음! 이것은 나의 앱 구성요소: import {Component} from '@angular/core'; import {LoginComponent} from './login/components/login.component'; @Component({ selector: 'my-app', template: '', }) export class AppComponent { } 앱 모듈에서 해봤습니다. import { RouterModule } from '@angular/router'; imports: [ BrowserMo..

Angular2에서 이미지를 제공하는 방법은 무엇입니까? Angular2 앱의 이미지 src 태그에 자산 폴더에 있는 이미지 중 하나의 상대 경로를 넣으려고 합니다.구성 요소의 변수를 'fullImagePath'로 설정하고 템플릿에 사용했습니다.저는 여러 가지 가능한 길을 시도해 보았지만, 제 이미지가 떠오르지 않는 것 같습니다.Angular2에는 장고와 같은 정적 폴더에 항상 상대적인 특별한 경로가 있습니까? 요소 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-hero', templateUrl: './hero.component.html', styleUrls: ['./hero.component.css'] }) ..

앵귤러는 vue.js와 같은 "슬립 속성" 기능을 가지고 있습니까? 저는 Vue.js를 먼저 배웠고, 지금은 Angular 4에 프로젝트가 있어서 Angular만 배웠습니다.저는 "컴퓨팅된 속성"을 제외한 모든 것이 Vue와 크게 다르지 않다는 것을 알게 되었습니다.Vue에서는 다른 속성의 변경 내용을 수신하는 계산된 속성을 생성하고 계산을 자동으로 실행할 수 있습니다. 예를 들어(Vue 2) computed: { name(){ return this.firstname + ' ' + this.lastname; } } 이름 속성은 이름 또는 성이 변경된 경우에만 다시 계산됩니다.Angular 2 또는 4에서 이를 처리하는 방법은 무엇입니까?이것은 이미 답변이 되었지만 저는 이것이 매우 좋은 답변이 아니라고 ..

각도 - 구성이 작업 공간에서 설정되지 않았습니다. 특정 구성으로 Angular 앱을 제공하려고 하지만 Angular가 인식하지 못합니다. $ ng serve --configuration=fr An unhandled exception occurred: Configuration 'fr' is not set in the workspace. See "/tmp/ng-nyZPjp/angular-errors.log" for further details. 나의 각진.json: "configurations": { "fr": { "aot": true, "outputPath": "dist/fr/", "i18nFile": "src/i18n/messages.fr.xlf", "i18nFormat": "xlf", "i18nLoc..

재료에서 매트 아이콘 크기를 변경하는 방법 이 질문은 Material2 Github repo에서 나온 것입니다. 사용자 지정 구성요소에 포장된 재료 구성요소를 스타일화하는 데 아직 문제가 있습니다. 나는 있습니다포함하는 구성 요소 추가: :host { .mat-icon { width: 100px; height: 100px; font-size: 56px; } } 사용자 지정 구성 요소 내의 재료 구성 요소에는 적용되지 않습니다.저 같은 경우에는, 이것이 완벽하게 작동합니다.최신 재료 사용(6.2.0) CSS: .icon { font-size: 36px; } HTML: done 주요 설정은 다음과 같습니다.[inline]="true" API에서: @Input() inline: boolean - 아이콘을 인라..

구성 요소 태그 간에 내용 렌더링 구성요소가 렌더링될 때 다음과 같이 구성요소 내부의 내용은 무시됩니다. import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: '{{title}}', }) export class AppComponent { title = 'app works!'; } 사용 방법: Ignored content 렌더링: app works! 그러나 PrimeNg 대화상자를 보면 다음과 같은 구성요소를 사용합니다. Header content here Content Footer content here ~하듯이Header content here,Content그리고.Footer content here구..

Angular 10 업그레이드 - 공통 수정JS 또는 AMD 종속성으로 인해 최적화 구제 조치가 발생할 수 있음 Angular 9 앱을 Angular 10 버전으로 업그레이드하려고 하는데 업그레이드 후 경고가 표시됩니다. WARNING in calendar.reducer.ts depends on lodash/keys. CommonJS or AMD dependencies can cause optimization bailouts. 아래 줄을 추가했습니다.angular.json파일이지만 문제가 해결되지 않았습니다. "allowedCommonJsDependencies": ["lodash"] 위의 문제를 어떻게 해결할 수 있습니까?npm 패키지lodash자체가 ECMA스크립트 모듈이 아니므로 경고가 생성됩니다.이..

Angular 2의 DatePipe에서 로케일을 설정하는 방법은 무엇입니까? 형식을 한 날짜를 .dd/MM/yyyy그러나 DatePipe shortDate 형식을 사용하면 미국 날짜 스타일만 표시됩니다.MM/dd/yyyy. 기본 로케일은 en_US라고 가정합니다.문서에 내가 누락되었을 수도 있지만 Angular2 앱에서 기본 로케일 설정을 변경하려면 어떻게 해야 합니까?아니면 DatePipe에 사용자 지정 형식을 전달할 수 있는 방법이 있을까요?Angular2 RC6 이후에는 공급자를 추가하여 앱 모듈에서 기본 로케일을 설정할 수 있습니다. @NgModule({ providers: [ { provide: LOCALE_ID, useValue: "en-US" }, //replace "en-US" with y..