Angular 5示例购物应用程序+ Angular材质+响应式
用 :red_heart_selector:
用户界面说明
该应用程序提供了维护购物清单的可能性。
可以在搜索字段中搜索产品
每种产品都可以添加到购物清单中
可以查看购物清单
可以从购物清单中删除产品
购物清单名称可以定义和更改
人性化设计
API连接:
应用程序使用shutterstock.com API,但可以轻松更改为任何其他API
产品特点
角度5+
国际化(翻译)
路由
延迟加载(购物模块)
材料设计
自定义加载页面
响应式布局(弹性布局模块)
RxJS /可观察的
角形
Http
可扩展架构
遵循最佳做法!
环境安装
您需要在PC / Mac上安装Node.js和npm 。
然后只需在项目的根目录中运行npm install 。
开发服务器
为开发服务器运行npm start 。 导航到http://localhost:4200/ 。 如果您更改任何源文件,该应用程序将自动重新加载。
建立
运行npm run build来构建项目。 构建工件将存储在dist/目录中。 使用-prod标志进行生
1