Dan_2017

Angular4：1.开发环境：      (1)安装之前先安装Node.js和npm  (注：用node  -v 验证是否安装)      (2)在确定安装node.js 和npm之后执行：npm install -g @angular/cli       (3)创建项目: ng new  myAngular(项目名称)        (4) cd myAngular  切换

（一）路由介绍：      1：几个关键词的简介    2：每个关键词应该用到的地方3：一个简单路由的配置，实现的效果如图  1：先生成两个组件（Home，Product）   2：app-routing.module.ts(这个文件在你创建项目的时候后面加一个参数 -routing  例如：ng new myAngular -routing)import {

注：这篇博客接着Angular4学习笔记（二）(一)子路由：（直接举例子）创建prdouctDesc和sellerInfo组件app-routing.module.tsconst routes: Routes = [ //路由重定向：当''路由过来时先重定向到/home然后在到home {path:'',redirectTo:'/home',pathMatch:

（一）依赖注入（用依赖注入实现以下的界面）   1.  创建一个product1组件和一个product服务。    2.先写product服务product.service.tsimport { Injectable } from '@angular/core';@Injectable()export class ProductService { construc

（一）数据绑定   1.使用插值表达式将一个表达式的值显示在模板上 {{productDesc}}   2.使用方括号将HTML标签的一个属性绑定到一个表达式上   3.使用小括号将组件控制器的一个方法绑定为模板上一个事件处理器。商品详情（二）DOM属性绑定（三）HTML属性绑定(四)利用管道完成一个类似的搜索功能     

组价间通信(一)输入属性 效果图：代码实现如下：  先创建一个子组件order，用来显示子组件的信息app.component.htmldiv>我是父组件！div>inputtype="text" [(ngModel)]="scoket"placeholder="请输入股票代码">app-order [scoketCode]="sco