Question

我使用ng new hello和ng build创建了一个新的角度2项目。然后使用ng serve，我查看它效果很好，显示应用有效！＆＃39;。

接下来，我添加了一个包含ng g component hello的新组件。下一个是app.module.ts，会自动修改。

...
import { AppComponent } from './app.component';
import { HelloComponent } from './hello/hello.component';//<--here

@NgModule({
  declarations: [
    AppComponent,
   HelloComponent//<--here
  ],
...

hello.component.ts的组成部分是这样的。 hello.component.html有一个默认的html源代码。

@Component({
  selector: 'hello',
  templateUrl: './hello.component.html',
  styleUrls: ['./hello.component.css']
})

然后我最终在<hello>Loading!!!</hello>中添加index.html并再次使用ng serve运行项目，但<hello>标记仅显示＆＃34;正在加载!!!＆＃34;

我有什么遗失的吗？

Answer 1

请勿在{{1}}中添加<hello>标记，将其添加到index.html您的hello组件为app.component.html

或者您可以使用

child/directive

新添加的角度2组件不起作用;它已正确添加到app.module.js

1 个答案: