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 productDetailproduct-detail.component.tsimport {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.tsimport { Brow...原创 2018-09-26 16:05:47 · 417 阅读 · 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 --savenpm install bootstrap --save如果你下载的版本与我上面的版本不符合 那么接下来效果也会有所异同所以你可以使用np...原创 2018-07-27 02:55:32 · 307 阅读 · 0 评论 -
【2】web strom 运行第一个augular程序
创建工程ng new auction运行工程webStrom run 那个地方有一个箭头 点击Edit configurations点击+ -> 选择 npmname 可以随便写 我写的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 · 523 阅读 · 0 评论