Angular2 app.component從頁面

刪除所有內容

我一直在處理.net核心應用程序，我正在嘗試將angular2添加到項目中，並且我有點困惑，爲什麼app.component模板似乎刪除頁面上的所有內容，即使在檢查頁面時，原始內容確實存在。我的理解是，app.component以同樣的方式，在angular1下面確實提供了一個切入點：Angular2 app.component從頁面

var app = angular.module('myApp', []); 

<html ng-app="app">....</html>

反正我有可以使用angular2，不必放棄我的剃鬚刀的意見，還是我去必須引導每一個觀點？

來源

2016-07-27 Marqueone

在角度2中，您需要有一個用於引導的根組件，並將在index.html中呈現。其他組件，服務需要導入並在模塊中聲明。例如：例如：下面的示例應用程序有三個組件：父項，應用程序和新應用程序。在modules.ts文件中，您需要導入所有組件並在NgModules中聲明。在它下面是引導父組件。

Modules.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule } from '@angular/router'; 

import { ParentComponent } from './parent.component'; 
import { AppComponent } from './app.component'; 
import { NewAppComponent } from './newapp.component'; 

@NgModule({ 
declarations: [ 
ParentComponent, AppComponent, NewAppComponent 
], 
imports: [ 
BrowserModule, 
FormsModule, 
HttpModule, 
RouterModule.forRoot([ 
    { path: 'app', component: AppComponent }, 
    { path: 'newapp', component: NewAppComponent } 
],{ useHash: true }) 
], 
providers: [], 
bootstrap: [ParentComponent] 
}) 
export class AppModule { }

Parent.Component.ts

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

@Component({ 
    selector: 'parent-root', 
    templateUrl: './parent.component.html' 
}) 
export class ParentComponent { 
}

Parent.Component.Html

的index.html

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Routingapp</title> 
    <base href="/index.html"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
</head> 
<body> 
    <parent-root>Loading...</parent-root> 
</body> 
</html>

父組件只是用來引導應用程序（它可以被看作是你的應用程序的主頁）。沒有必要引導每個視圖/組件。

來源

2016-10-26 20:56:23 Arash

Angular2 app.component從頁面

回答

相關問題