У меня простое приложение в угловых с одним компонентом.Это приложение todo из учебника.Я хотел добавить второй компонент.Я папка приложения у меня сейчас папка new-component1.В этой папке у меня есть четыре файла:
В new-component1.component.ts у меня есть:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-new-component1',
templateUrl: './new-component1.component.html',
styleUrls: ['./new-component1.component.css']
})
export class NewComponent1Component implements OnInit {
constructor() { }
ngOnInit() {
}
}
ВФайл new-component1.component.html У меня есть только один абзац с образцом текста, который я хочу отобразить.Мой app.module.ts выглядит так:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { NewComponent1Component } from './new-component1/new-component1.component';
@NgModule({
declarations: [
AppComponent,
NewComponent1Component
],
imports: [
BrowserModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
NewComponent1Component добавлен в объявления.Everythink компилируется без ошибок.Но когда я хочу отобразить в index.html данные из компонента:
<body>
<app-root></app-root>
<app-new-component1></app-new-component1>
</body>
ничего не отображается.Отображается только содержимое app-root.Это первый компонент, созданный с помощью todo-app.Как отобразить данные из моего компонента?