반응형
'div'의 알려진 속성이 아니므로 'ngIf'에 바인딩할 수 없습니다.
'div'의 알려진 속성이 아니므로 'ngIf'에 바인딩할 수 없습니다.
그 요소는<div [ngIf]="isAuth" id="sidebar">
구성 요소는 다음과 같습니다.
import SessionService from '../session/session.service';
import { Component } from '@angular/core';
@Component({
providers: [],
selector: 'navbar-left',
styles: [require('./navbar-left.scss')],
template: require('./navbar-left.html'),
})
export default class NavbarLeftComponent {
public isAuth: boolean = false;
constructor(private sessionService: SessionService) {
this.isAuth = sessionService.sessionIsAuth();
}
}
내가 정확히 뭘 잘못하고 있는지 모르겠어요?하위 구성 요소입니다.상위 구성 요소(또는 App 구성 요소)에서ngIf잘 작동합니다.앵귤러 RC5
RC5를 사용하는 경우 다음을 가져옵니다.
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
그리고 반드시 수입해야 합니다.CommonModule사용자의 구성 요소를 제공하는 모듈에서.
@NgModule({
imports: [CommonModule],
declarations: [MyComponent]
...
})
class MyComponentModule {}
여전히 문제가 있는 사람을 위해, 저는 또한 제가 입력한 문제가 있었습니다.ngif보다는ngIf(대문자 'I'에 주목).
[ngIf] 대신 *ngIf를 사용해야 합니다.
<div *ngIf="isAuth" id="sidebar">
언급URL : https://stackoverflow.com/questions/39058075/cant-bind-to-ngif-since-it-isnt-a-known-property-of-div
반응형
'programing' 카테고리의 다른 글
| ASP.NET Core 응용 프로그램이 호스팅되는 포트를 지정하는 방법은 무엇입니까? (0) | 2023.05.22 |
|---|---|
| 비동기 함수를 호출하는 동안 Mocha 테스트에서 시간 초과를 방지하는 방법 오류: 시간 초과가 2000ms를 초과했습니다. (0) | 2023.05.22 |
| sh와 bash의 차이 (0) | 2023.05.22 |
| Azure SB 메시지를 삭제하여 나중에 다시 볼 수 있도록 하는 올바른 방법은 무엇입니까? (0) | 2023.05.22 |
| node.js에서 HTTP POST 요청은 어떻게 이루어집니까? (0) | 2023.05.22 |