1. ホーム
  2. angular

[解決済み] ngIf」は「div」の既知のプロパティではないため、バインドできない [重複] 。

2022-03-15 08:33:46

質問

<ブロッククオート

ngIf' は 'div' の既知のプロパティではないので、バインドできません。

この要素は <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 は正常に動作しています。 Angular RC5

解決方法は?

RC5を使用している場合は、これをインポートしてください。

import { CommonModule } from '@angular/common';  
import { BrowserModule } from '@angular/platform-browser';

をインポートし、必ず CommonModule を、コンポーネントを提供するモジュールから取得します。

 @NgModule({
    imports: [CommonModule],
    declarations: [MyComponent]
  ...
})
class MyComponentModule {}