index.html在角度2中显示为空白

时间:2018-03-03 03:41:45

标签: angular

我已经通过显示谷歌中的一个块来下载所有依赖项和npm,node和angular-cli。

https://www.barbarianmeetscoding.com/blog/2016/03/25/getting-started-with-angular-2-step-by-step-1-your-first-component/

我使用以下命令创建了一个新项目

       ng new MyFirstApp --style scss

Project已成功创建,但我正在尝试运行该应用程序, 我正在获取带有fevicon图标的空白页面。这就像我的页面正在被重新播放,但当我试图展示我的"模板的东西"从app.componant.ts到app-root div中的模板装饰器,它没有显示。

下面是我的HTML文件:

Index.html

          <!doctype html>
         <html lang="en">
           <head>
             <meta charset="utf-8">
             <title>ShoppingApp</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></app-root>
          </body> 
          </html>

app.component.ts

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

       @Component({
            selector: 'app-root',
            templateUrl: '<h1>App Works</h1>'
          })
          export class AppComponent {
            // constructor({});
          }

我的整个项目文件夹仅由angular-cli创建。

0 个答案:

没有答案