2017-12-21 2 views
0

bitte auf jeden Link klicken meine FrageVorlage in meiner benutzerdefinierten Komponente funktioniert nicht in app.component.html

first created my custom Component

added the component in app module

when i use my custom component in appcomponent.html browser unable to retrive my html in selector and template of my customer component

+1

Bitte fügen Sie Ihren Code hier hinzu. –

+0

Importieren Sie {Component} von '@ angular/core'; @Component ( { Selektor: 'Natürlich', Vorlage: '

Course

' } ) MyCustom Klasse Exportklasse CoursesComponent { } –

+0

Import {BrowserModule} von ‚@ Winkel/Plattform- Browser'; Importieren Sie {NgModule} von '@ angular/core'; Import {AppComponent} aus './app.component'; importieren {CoursesComponent} aus './Courses.Component'; @NgModule ({ Erklärungen: [ AppComponent, CoursesComponent ], Importe: [ BrowserModule ], Anbieter: [], Bootstrap: [AppComponent] }) Export Klasse AppModule {} –

Antwort

0

Sie wahrscheinlich haben zu verstehen, sollte Warnung:

WARNING in ./src/app/Courses.Component.ts 
There are multiple modules with names that only differ in casing. 
This can lead to unexpected behavior when compiling on a filesystem 
with other case-semantic. 
Use equal casing. 

Weil Sie Großbuchstaben C in der Komponente haben sich hier:

import { CoursesComponent } from './Courses.Component';

Bitte versuchen:

import { CoursesComponent } from './Courses.component';

0

Ich denke, das ist genug für eine Komponente zu arbeiten. Können Sie Ihre Fehler im Log des Browsers anzeigen? In Angular2 + sollten Sie ng generate component componentname verwenden, um eine Komponente zu erstellen, siehe here.

Verwandte Themen