AngularJS2中最基本的文件说明
来源:互联网 发布:java Point类怎么用 编辑:程序博客网 时间:2024/05/17 23:52
为应付坑爹的网络,参考网上配置npm的教程配置npm镜像
运行git clone https://github.com/angular/quickstart.git quickstart导出官网的例子。可以在这个例子的基础上面进行修改。
main.ts 固定以下代码。主要是为了启动页面
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);
app.module.ts 配置自己的类
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {FormsModule} from '@angular/forms';//进行双向绑定的时候要用
import { AppComponent } from './app.component';
import {SiteFormComponent} from './site/site-form.component';//导入自己定义的类,前面是类名,后面是路径
import {StartAppComponent} from './appcomp/appcomp';
@NgModule({
imports: [ BrowserModule, FormsModule ],
declarations: [ AppComponent,SiteFormComponent,StartAppComponent ],//在这里加上自己的类名
bootstrap: [ AppComponent ]
})
export class AppModule { }
app.component.ts 添加自己的类中的selector
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: '<app-root></app-root>'//填写自定义类中的selector
})
export class AppComponent { }
以下是自己写的类
appcomp.ts 自己定义一个类
import {Component} from '@angular/core';
@Component({
moduleId: module.id,//这句话的作用是,加上之后templateUrl会在此ts的目录找url。不加的话是以app目录为根目录找url
selector:'app-root',//起一个名字,用于在app.module.js中调用
templateUrl:'appcomp.html',//关联html页面
// styleUrls:['./appcomp.css']//关联css文件
})
export class StartAppComponent{
title='app works!';
}
appcomp.html 自己定义一个html
这里不需要加head,body之类麻烦的标签了,而且妈妈再也不用担心我的中文会乱码了。
运行git clone https://github.com/angular/quickstart.git quickstart导出官网的例子。可以在这个例子的基础上面进行修改。
main.ts 固定以下代码。主要是为了启动页面
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);
app.module.ts 配置自己的类
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {FormsModule} from '@angular/forms';//进行双向绑定的时候要用
import { AppComponent } from './app.component';
import {SiteFormComponent} from './site/site-form.component';//导入自己定义的类,前面是类名,后面是路径
import {StartAppComponent} from './appcomp/appcomp';
@NgModule({
imports: [ BrowserModule, FormsModule ],
declarations: [ AppComponent,SiteFormComponent,StartAppComponent ],//在这里加上自己的类名
bootstrap: [ AppComponent ]
})
export class AppModule { }
app.component.ts 添加自己的类中的selector
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: '<app-root></app-root>'//填写自定义类中的selector
})
export class AppComponent { }
以下是自己写的类
appcomp.ts 自己定义一个类
import {Component} from '@angular/core';
@Component({
moduleId: module.id,//这句话的作用是,加上之后templateUrl会在此ts的目录找url。不加的话是以app目录为根目录找url
selector:'app-root',//起一个名字,用于在app.module.js中调用
templateUrl:'appcomp.html',//关联html页面
// styleUrls:['./appcomp.css']//关联css文件
})
export class StartAppComponent{
title='app works!';
}
appcomp.html 自己定义一个html
这里不需要加head,body之类麻烦的标签了,而且妈妈再也不用担心我的中文会乱码了。
0 0
- AngularJS2中最基本的文件说明
- Php中.htaccess文件的基本应用和说明
- Linux的基本文件说明
- Linux 的基本文件说明
- Linux的基本文件说明
- Linux 的基本文件说明
- c中最基本的
- Angularjs2 公共基本列表组件
- wap网页最基本的文件头尾
- 一个最基本的CSS文件处理
- angularjs2 组件的生命周期
- angularjs2 组件的生命周期
- 项目中,使用ant,最基本的build.xml文件的书写方式
- 在一个最基本的epoll服务器中所用到的头文件
- AngularJS2
- Angularjs2
- angularjs2
- Ext中panel最基本的写法
- MySQL图形工具SQLyog破解版
- 关于Eclipse中web项目部署至tomcat中的路径问题
- SPOJ-Matrices with XOR property,暴力打表!
- 条形图表的制作(java)
- MTK芯片
- AngularJS2中最基本的文件说明
- solr智能提示 suggest(基于提示词文本做智能提示)
- HTML中表单的各类按钮(新手)
- 使用Android的OpenGL编写视频播放器
- 最短路 Dijkstra Floyd SPFA 三种算法
- 使用JQuery动态创建表格
- 数据库存储类型:文件系统和裸设备
- 手写精简版spring 框架后对ioc的体会
- C#6.0新特性