在asp mvc + angular应用程序中不显示角度组件模板

我已经开始使用我的第一个角度应用程序。它运行在一个asp.net MVC应用程序中。在asp mvc + angular应用程序中不显示角度组件模板

当我写的index.html <my-app></my-app>，它不显示我的组件的模板。我怎么解决这个问题？

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

@Component({ 
    selector: 'my-app', 
    template: `<h1>Hello {{name}}</h1>`, 
}) 
export class AppComponent { name = 'Angular'; }

ngmudol：

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

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

@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { }

来源

2017-03-09 Kianoush

将您的NgModule添加到问题 –

@BabarBilal我编辑问题 – Kianoush

@Kianoush如果您已经完成了这些操作，请在AppModule的引导位置添加代码。以下是基本的Angular App助力增强示例：https://toddmotto.com/bootstrap-angular-2-hello-world –

我希望给这个问题的答案。

Anuglar应用的最小结构包括：

app.module.ts - 应用模块（应用根模块）;
app.component.ts - 应用根组件
app.routes.ts - 应用碱路由（Angular router documentation）;
main.ts - 将AppModule引导到的位置;

//main.ts 
import {bootstrap} from '@angular/platform-browser-dynamic'; 

//Import the App component (root component) 
import { App } from './app/app'; 

//Also import the app routes 
import { APP_ROUTES_PROVIDER } from './app/app.routes'; 

bootstrap(App, [ 
    APP_ROUTES_PROVIDER, 
]) 
.catch(err => console.error(err));

来源：例如NR 2

实例：

来源

2017-03-09 14:54:17

它告诉我错误'。 '/应用/ app''，'' ./app/app.routes''，'引导'，'err'，找不到模块 – Kianoush

看看这个plunker示例[添加回答示例，第3个]，它可能有助于 –

它仍然不起作用。 – Kianoush

在asp mvc + angular应用程序中不显示角度组件模板

回答

相关问题