Der Code in meinem button.component.html ist {{{{{{{{{{{{{{{{{ Text}}
Das Problem stammt von NGStyle. Wenn ich Stil verwende, funktioniert es perfekt in Ordnung. Ich habe in der Dokumentation und hier gelesen, wie Sie diesen Fehler beheben, damit ich mit [ngStyle] stylen kann, aber jede Lösung bestand darin, CommonModules in app.modules.ts zu importieren. Da ich Angular verwende: 17.1.2 Ich habe keine solche Datei.
Code: Select all
import { Component, Input} from '@angular/core';
import { CommonModule } from '@angular/common';
@Component({
selector: 'app-button',
standalone: true,
imports: [],
templateUrl: './button.component.html',
styleUrl: './button.component.css'
})
export class ButtonComponent {
@Input() text!: string;
@Input() color!: string;
}
< /code>
app.component.ts
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { HeaderComponent } from "./components/header/header.component";
@Component({
selector: 'app-root',
standalone: true,
templateUrl: './app.component.html',
styleUrl: './app.component.css',
imports: [RouterOutlet, HeaderComponent]
})
export class AppComponent {
}
Styling mit NgStyle und zur Arbeit