[英]Angular 9 *ngIf is not a known property of div even with CommonModule imported
[英]Angular 2 - ngIf - Not a known property of div
因此,很明显,我对ng2还是陌生的,目前还有很多人。 随着第一个版本的发布,我已经学到了一些东西。 我开始思考一些更多的“ ng2”方法。
但是,像ngIf
一样简单的ngIf
我无法开始工作。
这是我的看法:
<div *ngIf="testVariable" class="checkbox">
<label>
<input type="checkbox" formControlName="rememberMe" value="remember-me"> Remember me
</label>
</div>
在我的component.ts中:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';
...
ngOnInit() {
this.loginForm = this._fb.group({
username: ['', [<any>Validators.required]],
password: ['', [<any>Validators.required]],
rememberMe: []
});
this.testVariable = false;
}
我是否需要额外导入一些东西? 我已经看到了导入CORE_COMPONENTS
预发布ng2示例,但是我找不到与此相关的最新示例。
我的模块声明:
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { LoginComponent } from './login.component';
@NgModule({
imports: [ ReactiveFormsModule, CommonModule ],
exports: [ LoginComponent ],
declarations: [ LoginComponent ],
providers: [ ],
})
export class LoginModule { }
您必须在应用程序的@NgModule
的imports
声明中添加CommonModule
,如下所示:
@NgModule({
imports : [
CommonModule
]
})
export default class AppModule {}
您必须将BrowserModule添加到模块声明中。 指令NgIf应该在使用前导入。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { LoginComponent } from './login.component';
@NgModule({
imports: [ ReactiveFormsModule, BrowserModule ],
exports: [ LoginComponent ],
declarations: [ LoginComponent ],
providers: [ ],
})
export class LoginModule { }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.