相关疑难解决方法(0)

Can't bind to 'ngIf' since it isn't a known property of '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();
  }

}

不确定我到底做错了什么？这是一个儿童组件.在父组件aka App组件中,ngif可以工作.角度RC5

我正在使用Angular2 Final版本(2.1.0).当我想显示公司列表时,我收到了这个错误.

在file.component.ts:

public companies: any[] = [
    { "id": 0, "name": "Available" },
    { "id": 1, "name": "Ready" },
    { "id": 2, "name": "Started" }
];

在file.component.html:

<tbody>
  <tr *ngFor="let item of companies; let i =index">
     <td>{{i}}</td>
     <td>{{item.name}}</td>
  </tr>
</tbody>

在Angular 2组件中我有 authbox.component.ts

import {Component} from 'angular2/core';
import {COMMON_DIRECTIVES} from 'angular2/common';
import {Credentials} from './credentials'
@Component({
    selector: 'authbox',
    template: `<div>
       <div class="login-panel" *NgIf="!IsLogged">
            <input type="text" *NgModel="credentials.name" />
            <input type="password" *NgModel="credentials.password" />
            <button type="button" (click)="signIn(credentials)">?| Sign In</button>
        </div>
        <div class="logged-panel" *NgIf="IsLogged">
            <span>{nickname}</span>&nbsp;&nbsp; <button type="button" (click)="signOut()">|? Sign out</button>
        </div>
    </div>`,
    directives: [COMMON_DIRECTIVES]
})


export class AuthBoxComponent {

    private _isLogged: boolean;

    get IsLogged(): boolean {
        return this._isLogged
    }
    set IsLogged(value: boolean) {
        this._isLogged = value;
    }

    public credentials: Credentials;

}

在浏览器中我遇到错误« 无法绑定到'NgModel',因为它不是已知的本机属性 »和« …

在将一个组件添加到根组件的指令数组中之后,Angular2开始在浏览器中抱怨自我封闭"meta"标签应该没问题,并且如果指令不在那里也可以不用抱怨.

我正在尝试将my-header组件添加到我的应用程序中.

app.html

<div>
  <my-header></my-header>
</div>
<nav class="nav-bar">
  <div class="nav-bar-top-spacer"></div>
  <ul>
    <li *ngFor="#group of navigation" class="nav-option-group">
      <div class="nav-option-group"></div>
      <div (click)="hideGroup(group)" class="nav-option-group-name">{{ group.Croatian }}</div>
      <ul [ngClass]="{displayNone: !group.visible}">
        <li [routerLink]="[comp.componentName]" *ngFor="#comp of group.components" class="option-group-item">{{ comp.Croatian }}</li>
      </ul>
    </li>
    <li class="nav-option-group">
      <div class="nav-option-group-name">Odjavi se</div>
    </li>
  </ul>
</nav>
<router-outlet></router-outlet>

app.ts

    import { Component, View } from "angular2/core";
    import { COMMON_DIRECTIVES } from "angular2/common";
    import { Http } from "angular2/http";
    import { RouteConfig, RouterLink, RouterOutlet, Route, ROUTER_DIRECTIVES, Router} from 'angular2/router';

    import { Header } from …

刚升级到Angular 2.1.我有一个@input值,我试图传递一个数组.一旦我将*ngIf放入模板中,我就会得到解析错误？如果我打印输入值我得到:// [对象对象],[对象对象],[对象对象].为什么这会影响*ngIf？

<div *ngIf="< my value "></div>

- error zone.js？fad3:388未处理的Promise拒绝:模板解析错误:无法绑定到'ngIf',因为它不是'div'的已知属性.("

HTML:

<button class="sa-button" [ngClass]="'buttonClass'">{{displayText}}</button>

我期望在我的typescript文件中绑定的变量:

public buttonClass = "button";

我得到的错误:

无法绑定到'ngClass',因为它不是'button'的已知属性

我想绑定一个变量,该变量包含我想要应用的css类的名称.

有没有正确的方法来做到这一点？我确实从角度文档中复制了这个,但它不起作用.

将 nx 工作区升级到 v12 后，一切都像以前一样工作，IDE 中包含预期的模板。

IDE（WebStorm）显示一些以前从未发生过的奇怪错误：

第一个警告表示属性 ngIf 上没有匹配任何指令，即使导入了，第二个错误也与Missing require() 语句相关CommonModule，并且asyncvar async = require('@angular/core/testing').async;