Angular bootstrap的一个例子

A way to initialize and launch an app or system.
In Angular, an app’s root NgModule (AppModule) has a bootstrap property that identifies the app’s top-level components.

例子：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';@NgModule({declarations: [AppComponent],imports: [BrowserModule,AppRoutingModule],providers: [],bootstrap: [AppComponent]
})
export class AppModule { }

其中bootstrap属性的值AppComponent来自文件app.component.ts：

During the bootstrap process, Angular creates and inserts these components into the index.html host web page.

index.html的内容：

<!doctype html>
<html lang="en">
<head><meta charset="utf-8"><title>MyFirstProject</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-root的标签：

定义在app.component.ts的Component selector里:

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular bootstrap的一个例子相关推荐

Angular component的一个例子
官网:https://angular.io/guide/architecture-components Before a view is displayed, Angular evaluates th ...
Webpack入门——使用Webpack打包Angular项目的一个例子
(一)什么是Webpack Webpack是一个前端的模块管理工具(module bundler),以下是webpack的官网:http://webpack.github.io/,一进入官网可以看到下 ...
Angular NgTemplateOutlet的一个例子
NgTemplateOutlet:Inserts an embedded view from a prepared TemplateRef. 语法: <ng-container *ngTempl ...
SAP Spartacus 服务器端 nodejs 应用里渲染 Angular Component 的一个例子
触发方式:将下列 url 粘贴到浏览器地址栏里,回车: http://localhost:4000/Open-Catalogue/Cameras/Hand-held-Camcorders/c/584 ...
SAP Spartacus 中，Angular ＜ng-container＞使用的一个例子
Angular官网里对ng-container的介绍: The Angular is a grouping element that doesn't interfere with styles or ...
Angular 自定义 structural 指令的一个例子
The <ng-container> is a syntax element recognized by the Angular parser. It's not a directive, ...
Phonegap集成angular/bootstrap/animate.css教程
1,phonegap集成angular 按照这篇文档的步骤:http://projectpoppycock.com/angularjs-phonegap-and-angular-seed-lets-g ...
AngularJs angular.bind、angular.bootstrap、angular.copy
angular.bind 返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能. 格式:angular.bind(se ...
TypeScript 类装饰器的一个例子和使用单步调试搞清楚其运行原理
官方文档类装饰器的定义如下: type ClassDecorator = <TFunction extends Function>(target: TFunction) => TF ...

Angular bootstrap的一个例子

Angular bootstrap的一个例子相关推荐

最新文章

热门文章