Angular2未正确更新

时间:2016-10-12 04:22:50

标签: angular

我在我的项目中克隆https://github.com/vladotesanovic/angular2-express-starter以探索angular2和express。

我想要的只是“Hello World”级别,所以看起来很复杂我删除了 modules 文件夹中的每个文件。

我删除了 app.modules.ts 文件中的注入模块。

所以我的app.modules.ts如下:

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { provideAuth } from "angular2-jwt";
import { HttpModule } from "@angular/http";
import { NgSemanticModule } from "ng-semantic";

import { AppComponent }  from './app.component';

@NgModule({
    imports: [
        BrowserModule,
        HttpModule,
        NgSemanticModule,
    ],
    providers: [
        provideAuth({
            globalHeaders: [{"Content-type": "application/json"}],
            newJwtError: true,
            noTokenScheme: true
        })
    ],
    declarations: [  AppComponent ],
    bootstrap:    [ AppComponent ],
    schemas: [
        CUSTOM_ELEMENTS_SCHEMA
    ]
})
export class AppModule {}

如您所见,导入和声明中没有其他模块。

我编辑了根组件app.component.ts。如下所示:

import { Component, ViewChild } from "@angular/core";
import "rxjs/add/operator/map";

@Component({
    selector: "app",
    template: `<h1> Hello Angular 2 </h1>`
})

export class AppComponent {

}

我期望只显示“Hello Angular 2”。

但浏览器仍然请求删除页面。该组件已删除。 angular2为什么和为什么请求该文件?

我的方式错了吗?我从昨天开始遇到问题,设置起来很困难。

enter image description here

2 个答案:

答案 0 :(得分:1)

providers

尝试删除 app.module.ts
    providers: [
            provideAuth({
                globalHeaders: [{"Content-type": "application/json"}],
                newJwtError: true,
                noTokenScheme: true
            })
        ]  

我们的authService在home.component.tshttps://github.com/vladotesanovic/angular2-express-starter/blob/master/client/modules/home/home.component.ts)中实现,并且正在调用它。

答案 1 :(得分:-1)

index.html是什么样的?它必须包含“app”标签