Question

Angular 2一直显示“App正在运行”，但即使我清除VSCode编辑器中的代码也能正常工作。

import { Component } from '@angular/core';

 @Component({
 selector: '',
templateUrl: './navbar.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {

}

此导航栏也不起作用。

Answer 1

如果没有任何其他信息，您似乎还没有将组件的元数据作为选择器。选择器在应用程序的index.html文件中标识匹配的HTML元素，以插入组件的HTML。

一个例子：的的index.html

<!doctype html> <html> <head> <meta charset="utf-8"> <title>My App</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root>Loading...</app-root> // <-- OUR SELECTOR ELEMENT </body> </html>

<强> app.component.ts

@Component({ moduleId: module.id, selector: 'app-root', // <-- MATCHING SELECTOR templateUrl: './app.component.html', styleUrls: ['./app.component.css'], }) export class AppComponent { // ...

无法理解Angular 2

1 个答案: