【angular2.0学习笔记5.关于组件】的更多相关文章

angular2.0学习笔记5.关于组件

1.组件文件应在/src/app文件夹下 2.组件文件命名应遵循小写中线形式,每个单词之间用中线分隔,并且以.component.ts结尾. 如:HeroDetailComponent类应该放在hero-detail.component.ts文件中. 3.组建类命名应遵循大驼峰形式,并且以Component结尾. 例如:hero-detail.component.ts文件中类名应该是HeroDetailComponent. 4.要定义一个组件,我们总是要先在组建文件头部导入符号Component…

angular2.0学习笔记1.开发环境搭建 (node.js和npm的安装)

开发环境, 1.安装Node.js®和npm, node 6.9.x 和 npm 3.x.x 以上的版本. 更老的版本可能会出现错误,更新的版本则没问题. 控制台窗口中运行命令 node -v 和 npm -v,来查看版本 更新npm到最新版本: npm i -g npm to update 2. 运行 npm config set registry https://registry.npm.taobao.org 因为国内访问http://npmjs.org(angular2.0组件库) 的站点…

angular2.0学习笔记4.npm常用指令记录及angular语法

以下命令,都需要在命令行窗口中,先切入到项目文件夹目录,再执行 1.npm start 这个命令会在“监听”模式下运行TypeScript编译器,当代码变化时,它会自动重新编译. 同时,该命令还会在浏览器中启动该应用,并且当代码变化时刷新浏览器. 2.ng serve 运行web服务,(同时好像也能达到npm start的功能) 3.ctrl+c 是否终止web服务 4.npm install  <Module Name> ( 本地安装模块) 例: npm install express //…

angular2.0学习笔记6.编程风格指南

1.组件的类名应该是大驼峰形式,并且以Component结尾. 因此英雄详情组件的类名是HeroDetailComponent. 组件的文件名应该是小写中线形式,每个单词之间用中线分隔,并且以.component.ts结尾. 因此HeroDetailComponent类应该放在hero-detail.component.ts文件中. 2.每个文件中只有一个类.…

angular2.0学习笔记3.了解angular2.0项目结构

1.我们应用的代码都位于src文件中,包括所有的组件.模板.样式.图片以及我们的应用所需的任何东西都在这个文件来里. 2.src这个文件夹之外的文件都是为构建应用提供支持用的. src文件夹及用途说明 1.app/app.component.{ts,html,css,spec.ts} 使用html模板,css样式和单元测试定义AppComponent组件.它是根组件,随着应用的成长它会成为一棵组件树的根节点. 2.app/app.module.ts 定义AppModule,这个根模块会告诉ang…

angular2.0学习笔记7.echarts 地图（type:'map'）slice undifined 出错问题

在 项目\node_modules\echarts\lib\chart\map.js文件头部 ... ... require("../coord/geo/geoCreator"); //加载地图(原安装包中没有这句) require("../../map/js/china");…

angular2.0学习笔记2.创建hello world项目

1.打开终端命令行窗口 2.切换到指定目录 E:\cd myobject 3.创建新项目 ng new angular2-helloworld 4.创建成功后,在angular2-helloworld目录下 运行 ng serve 这个命令会编译项目,并作为web服务器运行,同时还监听项目中的文件变化,实时刷新显示 5.在浏览器中输入http://localhost:4200/,便可看到新创建的项目 6.利用json-server虚拟webapi服务 如在angular2-helloworld目…

vue2.0学习笔记之路由（二）路由嵌套+动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0学习笔记之路由(二)路由嵌套+动画</title> <link rel="stylesheet" href="animate.css"> </head> <body> &…

vue2.0学习笔记之路由（二）路由嵌套

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0学习笔记之路由(二)路由嵌套</title> </head> <body> <div id="app"> <div> <router-link to="/home…

【React】react学习笔记02-面向组件编程

react学习笔记02-面向组件编程 面向组件编程,直白来说,就是定义组件,使用组件. 以下内容则简单介绍下组建的声明与使用,直接复制demo观测结果即可. 步骤: 1.定义组件   a.轻量组件-函数组件(局限性:只能用在没有state.prop属性的场景,后面会解释) // 方式一:(轻量组件)函数组件 function ComponentA(){ return <div>轻量组件A</div> } b.复杂组件-类组件(ES6) // 方式二:(复杂组件)类组件[ES6] c…