这可能是一个简单的修复.该元素应该在悬停时从页面顶部滑出.我的代码按预期工作,但我收到此错误.
错误：
[Angular] Identifier 'compartmentOpen' is not defined. The component declaration,template variable declarations,and element references do not contain such a member
我已经尝试使用ngIf在元素的模板中定义它,如下所示：#compartmentOpen
它使错误消失但随后代码无法运行,因为它试图获得整个元素的真实性.
我也试过像这样定义它：
compartmentOpen;
在组件中,但没有做任何事情.
模板：
<div class="container">
<div #compartmentOpen
(mouSEOver)="compartmentOpen = true"
(mouSEOut)="compartmentOpen = false"
class="inner-container">
<div class="grid-center">
<div class="z-bottom"
*ngIf="compartmentOpen"> Facebook Login coming soon!
<br>
<br>
<br>
<br>
</div>
<button (click)="googleLogin()"
class="btn btn-primary google-btn-size animated bounce">
Login with Google
</button>
<br>
<div id="wave">
<span class="dot dot-ani"></span>
<span class="dot dot-ani"></span>
<span class="dot dot-ani"></span>
</div>
</div>
</div>
</div>
零件：
import { AuthService } from './../auth.service';
import { Component,OnInit } from '@angular/core';
@Component({
selector: 'app-login',templateUrl: './login.component.html',styleUrls: ['./login.component.css']
})
export class LoginComponent {
constructor(private auth: AuthService) { }
googleLogin() {
this.auth.googleLogin();
}
}
