Question

在Angular 6模块中，我有app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';  
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        CommonModule 
        AppRoutingModule,
        BrowserModule,
        BrowserAnimationsModule,
    ],
    providers: [],
    bootstrap: [
        AppComponent
    ]   
export class AppModule { }

此外，我还有footer.component.html

<footer id="footer" *ngIf="(hrefUrlFor =='creator')">
   <div class="container">
        <ul class="social full_sec">
            <li>Help Center</li>
            <li>Media Center</li>
        </ul>
   </div>
</footer>

在浏览器中，我收到错误消息«无法绑定到'ngIf'，因为它不是'footer'的已知属性。»和«属性绑定ngIf没有被任何人使用嵌入式模板上的指令。»

我也尝试添加“ CommonModule ”，但是它仍然给出错误。

Answer 1

在声明中添加send_mail( "New Inquiry from: " + name, message, email, ['cmadiam@ruthlymtspmuandaesthetics.com'], fail_silently=False)。

FooterComponent

Answer 2

删除(hrefUrlFor-> (

<footer id="footer" *ngIf="hrefUrlFor =='creator'">
   <div class="container">
        <ul class="social full_sec">
            <li>Help Center</li>
            <li>Media Center</li>
        </ul>
   </div>
</footer>

Answer 3

解决方案1：创建者之后，您没有关闭括号-----------

<footer id="footer" *ngIf="(hrefUrlFor =='creator')">
   <div class="container">
        <ul class="social full_sec">
            <li>Help Center</li>
            <li>Media Center</li>
        </ul>
   </div>
</footer>

解决方案2：尝试使用此语法（从创建者那里删除括号和撇号）

Answer 4

footer组件是应用模块的一部分，如果不是，请再次检查它，然后您需要在footer.component的父模块中导入一个通用模块

或尝试

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';  
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';
import { FooterComponent } from 'your footer component path';

@NgModule({
    declarations: [
        AppComponent,
        FooterComponent
    ],
    imports: [
        CommonModule 
        AppRoutingModule,
        BrowserModule,
        BrowserAnimationsModule,
    ],
    providers: [],
    bootstrap: [
        AppComponent
    ]

Answer 5

您还需要添加相同的组件从'@ angular / common'导入{CommonModule}; 那么它将起作用。如果仅在app.module.ts中提供，则不够。导入app.component.ts也会起作用

Answer 6

如果条件为假，组件模板 footer.component.html 似乎不会呈现任何内容。在页脚上方添加一个空白的 div 或 span，然后它就会起作用。

Angular 6无法绑定到'* ngIf'，因为它不是已知属性

6 个答案: