![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular4
Dan_2017
我是一个初学者,请大家多多指教哦,欢迎大家来光临我的博客
展开
-
Angular4学习笔记(一)
Angular4:1.开发环境: (1)安装之前先安装Node.js和npm (注:用node -v 验证是否安装) (2)在确定安装node.js 和npm之后执行:npm install -g @angular/cli (3)创建项目: ng new myAngular(项目名称) (4) cd myAngular 切换原创 2017-11-28 16:14:50 · 428 阅读 · 0 评论 -
Angular4笔记(二)
(一)路由介绍: 1:几个关键词的简介 2:每个关键词应该用到的地方3:一个简单路由的配置,实现的效果如图 1:先生成两个组件(Home,Product) 2:app-routing.module.ts(这个文件在你创建项目的时候后面加一个参数 -routing 例如:ng new myAngular -routing)import {原创 2017-11-30 10:53:35 · 326 阅读 · 0 评论 -
Angular4学习笔记(三)
注:这篇博客接着Angular4学习笔记(二)(一)子路由:(直接举例子)创建prdouctDesc和sellerInfo组件app-routing.module.tsconst routes: Routes = [ //路由重定向:当''路由过来时先重定向到/home然后在到home {path:'',redirectTo:'/home',pathMatch:原创 2017-11-30 18:20:56 · 436 阅读 · 0 评论 -
Angular4学习笔记(四)
(一)依赖注入(用依赖注入实现以下的界面) 1. 创建一个product1组件和一个product服务。 2.先写product服务product.service.tsimport { Injectable } from '@angular/core';@Injectable()export class ProductService { construc原创 2017-12-01 14:24:34 · 493 阅读 · 0 评论 -
Angular4学习笔记(五)
(一)数据绑定 1.使用插值表达式将一个表达式的值显示在模板上 {{productDesc}} 2.使用方括号将HTML标签的一个属性绑定到一个表达式上 3.使用小括号将组件控制器的一个方法绑定为模板上一个事件处理器。商品详情(二)DOM属性绑定(三)HTML属性绑定(四)利用管道完成一个类似的搜索功能原创 2017-12-04 15:35:17 · 1008 阅读 · 0 评论 -
Angular4学习笔记(六)
组价间通信(一)输入属性 效果图:代码实现如下: 先创建一个子组件order,用来显示子组件的信息app.component.htmldiv>我是父组件!div>inputtype="text" [(ngModel)]="scoket"placeholder="请输入股票代码">app-order [scoketCode]="sco原创 2017-12-05 11:09:30 · 551 阅读 · 0 评论