Angular4.0从学习到项目
angular(4.0):集成了2.0优点并发杨光大。1、废除了默认数据双向绑定改成了单向绑定。整个检查机制被重写,性能得到改进。2、提升了路由的功能。3、原生的事件可以直接被绑定。4表单验证功能更强
安果移不动
精通Android,Swift,Flutter,Python,Php,按键精灵,易语言。曾为华为录制精品课程,拥有资质:按键精灵顶级证书;
产品秀:https://www.anguomob.com
B站:https://space.bilibili.com/482453235
展开
-
【5】 【2】Auguar改造在线竞拍应用
1 创建商品详情组件 显示商品的图片和标题 ng g component productDetail product-detail.component.ts import {Component, OnInit} from '@angular/core'; import {ActivatedRoute} from '@angular/router'; @Component({ ...原创 2018-09-27 17:32:24 · 265 阅读 · 0 评论 -
【6】 angular 路由基础知识_在路由时传递数据_重定向路由_子路由_辅助路由_路由守卫
路由基础知识 路由相关对象介绍 新建一个项目 ng new router --routing 并使用webstrom 打开 发现--routing 参数创建后 会多出一个文件app-routing.module.ts 就是当前应用的路径配置 内容如下 import { NgModule } from '@angular/core'; import { ...原创 2018-09-27 16:07:07 · 443 阅读 · 0 评论 -
【5】 【1】Auguar开发一个在线竞拍项目
Angular 开发要有组件思想 通过分析可以将 本程序分为7个组件 其中app 就是自带的那个 我们不用创建 可以在项目目录下 cmd下使用 ng g component 组件名称命令 创建组件 组件名分别为 search navbar footer carousel product starts 创建完整后可以看到app.module.ts import { Brow...原创 2018-09-26 16:05:47 · 416 阅读 · 0 评论 -
【4】启动Angular过程介绍
启动angular应用 我们要搞清楚三件事 1 启动时加载了那个页面? 2启动时加载了那些脚本? 3 这些脚本做了什么事? 打开 文件angular.json "projects": { "auction": { "root": "", "sourceRoot": "src", "projectType": &q原创 2018-09-12 17:13:55 · 278 阅读 · 0 评论 -
【3】augular 如何引入类库
1 将第三方安装到本地 我们用到了jquery 3.3.1 and bootstrap 3.3.7 首先在项目目录下呢 打开cmd 命令 执行 也可在webStrom 的命令行下执行 npm install jquery --save npm install bootstrap --save 如果你下载的版本与我上面的版本不符合 那么接下来效果也会有所异同 所以你可以使用 np...原创 2018-07-27 02:55:32 · 307 阅读 · 0 评论 -
【2】web strom 运行第一个augular程序
创建工程 ng new auction 运行工程 webStrom run 那个地方有一个箭头 点击Edit configurations 点击+ -> 选择 npm name 可以随便写 我写的start 再Scripts 上选择start 注意 这个start 或者别的选项 都是从package.json 文件的scripts 节点下定义好的 "sc...原创 2018-07-27 02:32:46 · 433 阅读 · 0 评论 -
【1】最新Angular环境搭建 和目录介绍
中文官网地址 :tp 打不开请科学上网。 前置知识 前端基础知识:html,css,js 不需要AngularJs的知识 最好了解TypeScript语法 步骤 1. 设置开发环境 在开始工作之前,你必须设置好开发环境。 如果你的电脑里没有 Node.js®和 npm,请安装它们。 这个安装完成以后 输入npm -v可以查看是否安装成功 步骤 2.安装 Angula...原创 2018-07-27 00:33:59 · 522 阅读 · 0 评论