Angular项目实战之打造股票管理网站
文章平均质量分 77
汪喆_Jack
本人热爱开发, 喜欢学习各种IT技术,了解新技术,希望和志同道合的伙伴切磋,相互交流!
展开
-
Angular简介
开发项目之前,我们需要对Angular进行一下简单了解,并与其他主流框架进行对比分析。一.AngularJS的优点与存在问题1.优点模板功能强大丰富比较完善的前端MVC框架引入了Java的一些概念2.存在问题性能:双向数据绑定会影响性能路由不完善作用域:在AngularJS中的作用域将执行环境与浏览器环境隔离开,原生的事件不能影响其作用域,如不能用...原创 2018-09-17 00:49:05 · 488 阅读 · 0 评论 -
Angular构建和部署
一.构建:编译和合并1.什么是构建将编写的typescript源码变成可以直接放到web服务器上的静态资源构建包括:编译(将typescript编译成JavaScript)和合并(将所有资源整合到一起,减少应用启动时发送http请求的数量,加快启动速度)虽然typescript提供了编译器可以在运行时实时在浏览器中编译,但是如果在生产环境中这样做的话,生产环境需要额外加载一个typesc...原创 2018-10-20 15:03:12 · 2630 阅读 · 0 评论 -
Angular与服务器通讯
一.创建web服务器1.使用nodejs创建服务器创建一个server文件夹初始化server文件夹npm init -y,创建package.json引入node的类型定义文件npm i @types/node --save,类型定义文件的作用:让开发者在typescript中使用现在已有的javascript的库(安装类型定义文件是保证对应内容可以使用typescript进...原创 2018-10-19 00:32:43 · 710 阅读 · 0 评论 -
Angular组件间通讯
一.组件的输入属性1.输入属性的装饰器@Input()2.实例代码生成子组件order ng g component order在子组件中输入amount属性//order.component.tsexport class OrderComponent{ @Input() amount:string}//order.component.html<p&...原创 2018-10-14 17:05:01 · 421 阅读 · 0 评论 -
Angular 数据绑定、响应式编程和管道
一.数据绑定1.数据绑定基本内容<h1>{{productTitle}}!</h1>使用插值表达式将一个表达式的值显示在模板上<img [src]="imgUrl">使用方括号将HTML标签的一个属性绑定到一个表达式上<button (click)="toProductDetail()">商品详情</button>使用小原创 2018-10-07 11:27:43 · 749 阅读 · 0 评论 -
Angular依赖注入
一.依赖注入内容什么是依赖注入依赖注入:Dependency Injection简称DI(IOC实现控制反转的手段)控制反转:Inversion of Control简称IOC(将依赖的控制权从代码的内部转移到代码的外部)实现了控制反转的框架叫做:IOC容器二.依赖注入的好处好处一:松耦合和可重用实例://providers中定义所有要注入的内容,当模块中的组件构...原创 2018-10-06 22:04:16 · 369 阅读 · 0 评论 -
Angular路由
单页Web应用(single page web application,SPA),就是只有一个Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序,是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。一.路由的基础知识首先新建一个新的项目ng new router --routing当使用routing参数生成文件时,会在app文件夹下...原创 2018-10-02 00:22:25 · 391 阅读 · 0 评论 -
Anguler入门开发
进行一下简单的Angular入门,开发第一版股票管理系统的静态页面布局。一.Angular程序架构Parent component:组件是Angular应用的基本构建块,你可以把一个组件理解为一段带有业务逻辑和数据的HTMLService1:服务用来封装可重用的业务逻辑指令:允许你向HTML元素添加自定义行为模块用来将应用中不同的部分组织成一个Angular框架可以理解的单元...原创 2018-09-17 21:12:18 · 756 阅读 · 0 评论 -
Angular基础知识总结
一.开发流程开发设计:开发前设计好应用都有哪些组件,组件间的关系。组件间如何路由和通讯,组件输入和输出是什么开发经过使用Angular-CLI工具创建一个新的项目按照设计的组件关系开始从下往上编写组件按照父子关系组装组件并配置路由在开发环境上测试应用构建应用并部署到测试、生产环境中二.Angular后续学习内容高级特性:动画、指令、安全等angular CLI,an...原创 2018-10-20 15:15:50 · 324 阅读 · 0 评论