Angular 4.0_在线竞拍网站(4)

最新推荐文章于 2018-12-21 14:00:42 发布

上善若水

最新推荐文章于 2018-12-21 14:00:42 发布

阅读量2.1k

点赞数

分类专栏：前端框架学习

本文链接：https://blog.csdn.net/btt2013/article/details/77609365

版权

前端框架学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

今天，主要开发首页，先看效果图，并分析结构。

创建组件

经过分析首页是由6大组件组成的，分别是导航条组件、搜索组件、轮播图组件、商品组件、星级组件、页脚组件。

使用angular-cli命令行工具，在auction项目上创建这6个组件

ng g component navbar
ng g component footer
ng g component search
ng g component carousel
ng g component product
ng g component starts

然后在项目aution下的app目录下就会出现这个6个目录

然后使用 bootstrap框架里面的样式，与angular技术搭建出了一个完整的app首页

代码下载地址

https://git.oschina.net/bitaotao/auction/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

上善若水

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
5
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

angular4.0竞拍网站

10-04

angular4.0竞拍网站实战教程资源链接: https://pan.baidu.com/s/1hskYrMc

Angular4.0_router:Angular4.0路由

04-29

Angular Route 导航路由基础创建一个新的项目Demo，介绍路由知识 ng new router --routing 我们会发现多生成的一个文件app-routing.module.ts,这个文件就是当前应用的路由配置生成一个home组件 ng g component ...

5 条评论您还未登录，请先登录后发表或查看评论

【Angular 4.0】在线竞拍网站开发

qq_42822413的博客

07-28

492

【Angular 4.0】在线竞拍网站开发下载地址；百度网盘

Angular4-在线竞拍应用-路由

杨钊

10-31

785

angular是单页应用需要配置路由来实现页面跳转。路由的例子通过超链接导航新建一个项目，ng new router --routing然后用webstorm打开项目生成项目时添加了–routing参数后，会多生成一个app-routing.module.ts文件import { NgModule } from '@angular/core'; import { Routes, RouterMo

Angular项目-在线竞拍

weixin_44174685的博客

12-21

256

Angular项目-在线竞拍

Angular4-在线竞拍应用-数据绑定

杨钊

10-31

999

使用插值表达式将一个表达式的值显示在模板上<h1>{{productTitle}}</h1>使用方括号将HTML标签的一个属性绑定到一个表达式上<img [src]="imgUrl">使用小括号将组件控制器的一个方法绑定为模板上一个事件的处理器<button (click)="toProductDetail()">商品详情</button>默认的绑定是单向的事件绑定如果处理事件的方法需要了解事件的属

ionic-4.0.0.rar_angular_ionic_ionic 4_ionic4.0_pass1ac

07-14

最全面的Angular4.0教程合集_极品.zip

01-09

1.用VS CODE调试Angular4 2.Angular 4 基础教程 3.Angular4学习笔记2 Angular 2 TypeScript Live Template Angular 4.0 架构详解 Angular 4.0 内置指令全攻略 Angular 4.0从入门到实战 angular 如何操作 DOM angular...

angular4-restaurant.20170606.zip_angular_angular 4_angular4_rest

最新发布

09-24

本主题“angular4-restaurant.20170606.zip”是专门为餐厅Web开发设计的一个主题，利用Angular 4的强大功能，为用户提供了一个现代、互动的在线订餐或展示菜单的平台。在Angular 4中，核心概念包括组件、指令、...

Angular4-在线竞拍应用-开发环境的搭建

杨钊

10-31

546

安装Nodejs，Angular CLI，WebStorm安装Node.js去Node.js的官网，https://nodejs.org/en/，点击下载按钮，node-v6.11.3-x64.msi，直接下一步下一步安装即可，软件会自动写入环境变量中，这样就能直接在cmd命令窗口中直接使用node或npm（包管理工具）命令。安装完后执行node -v，会显示出其版本号，代表安装成功。Angular

Angular4教程

06-07

Angular4教程

Angular4 官方英雄编辑器

06-02

照着angular4 教程写的，对于HTTP部分RXJS部分表示很迷。

Angular 股票管理

08-26

照着幕课网的内容写了一个demo。前端angular，后端express，样式Admin-LTE。只提供了查看的功能，修改跟添加功能不能同步到后端，等看完官网的表单部分再补充把。

[前端开发] Angular 4.0从入门到实战打造股票管理网站.txt百度网盘链接

10-13

[前端开发] Angular 4.0从入门到实战打造股票管理网站.txt百度网盘链接

angular学习视频

10-12

AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。 AngularJS 可以隐藏和显示 HTML 元素。 AngularJS 可以在 HTML 元素"背后"添加代码。 AngularJS 支持输入验证。

Angular4-在线竞拍应用-项目启动过程

杨钊

10-31

451

查看.angular-cli.json{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project": { "name": "auction" }, "apps": [ { "root": "src", "outDir": "dist", "a

Angular4-在线竞拍应用-开发组件

杨钊

10-31

821

在线竞拍项目要开发七个组件执行命令ng g component navbar生成导航栏组件。(这个命令的全称是ng generate component navbar)想学习Angular CLI指令可以查看README.md文档，也可以访问https://github.com/angular/angular-cli/blob/master/README.md然后依次执行，生成其他组件ng g

Angular4-在线竞拍应用-组件间通信

杨钊

11-01

567

angular应用就是一个组件树要创建松耦合的组件组件通信的例子新生成一个项目ng new demo2或者通过webstorm，File，New，Project..，Angular CLI，然后把项目名改成demo2因为要用双向绑定，在app.module.ts中添加import{FormsModule} from '@angular/forms'imports: [ BrowserM

Angular4（一）

啦啦啦的博客

04-30

897

Angular4 官网教程，英雄指南搭建好开发环境后项目结构如下然后在angular-tour-of-hearoes目录下打开控制台命令行，运行npm install 自动安装必须的依赖运行npm start 控制台显示 404 GET/index.html 不过发现npm start启动的时候提示‘没有bs-config.json,将使用默认配置’。虽然不知道这是什么文件，就

Angular 4.0实战：构建股票管理SPA

"Angular 4.0从入门到实战搭建股票管理网站" 在本课程中，你将深入学习Angular 4.0这一强大的前端框架，并通过构建一个实用的股票管理网站来实践所学知识。Angular，由Google维护的开源项目，是用于构建单页应用...