HaiJing1995的博客

使用Angular CLI创建一个Angualr4项目Angular CLI是Angular提供的一个脚手架，通过这个命令行工具会自动为我们生成一个基本的Angular项目的目录结构。 1、安装node 2、安装Angular CLI: npm install -g @angular/cli 3、查看是否安装成功： ng -v 4、生成项目文件： ng new project_name 这

Angular4中的组件、模块、服务、装饰器、控制器一、组件Angular4具有组件化的特性，不同于之前的AngularJS用户看到的是View，Angular4将组件组成一棵树，用户看到的是这棵组件树中被激活的组件(component)。 所谓组件，我们可以将它理解为一段带有业务逻辑和数据的HTML。二、服务服务（server）用来封装可重用的业务逻辑三、指令指令允许你向HTML元素中添加自定义

Typescript或Angular中使用第三方库当我们写Typescript或Angular时，有时会使用到第三方的库，例如jQuery或Bootstrap等。以jquery为例，下面就介绍一下如何进行安装。1、安装第三方依赖使用命令行工具，在需要用到第三方库的项目下 npm install jquery--save2、将库引入到项目中如果是在Angular中需要用到jquery，还需要在

使用Angular4.0开发星级评价组件一、从父组件获得rating值通常控制星星显示的raing值都是一个从父组件传递出去的Number类型值。 1、首先我们需要在调用星级组件的html中将值传递出去：<div> <app-stars [rating]="product.rating"></app-stars> </div>解释一下这里的app-stars标签就是对星级评价组件的调用，

输入属性通常用于父组件向子组件传递信息 举个栗子：我们在父组件向子组件传递股票代码，这里的子组件我们叫它app-order 首先在app.order.component.ts中声明需要由父组件传递进来的值order.component.ts...@Input()stockCode: string@Input()amount: string...order.component.html<p

Angular4中的输出属性当子组件需要向父组件传递信息时需要用到输出属性。 举个栗子：当我们从股票交易所获得股票的实时价格时，希望外部也可以得到这个信息。为了方便，这里的实时股票价格我们通过一个随机数来模拟。这里的子组件我们叫它app.price.quote使用EventEmitter从子组件向外发射事件price.quote.tsexport class PriceQuoteComponent

Angular4中的依赖注入在Angular中使用依赖注入，可以帮助我们实现松耦合，可以说只有在组件中使用依赖注入才能真正 的实现可重用的组件。 如果我们有个服务product.service.ts，其中export了一个ProductService类，类中有一个getProduct方法。 如果不使用依赖注入，假设我们需要在product组件中使用这个服务时就会new一个ProductServi

Angular4中常用管道通常我们需要使用管道实现对数据的格式化，Angular4中的管道和之前有了一些变化，下面说一些常用的管道。一、大小写转换管道uppercase将字符串转换为大写 lowercase将字符串转换为小写<p>将字符串转换为大写{{str | uppercase}}</p>str:string = 'hello'页面上会显示 将字符串转换为大写HELLO二、日期管道date。