Angular从零到一2.7　小练习

本节书摘来自华章出版社<Angular从零到一>一书中作者Richard Banfield 著 易艺 译   前 言 一个大叔码农的Angular 2创世纪 作为一个出生于20世纪70年代的大叔,我在软件这个领域已经摸爬滚打了16年,从程序员.项目经理.产品经理,项目总监,到部门管理等各个角色都体验过,深深地了解到这个行业发展的速度之快是其他行业无法比拟的:从编程语言.各种平台.各种框架.设计模式到各类开源工具.组件林林总总,要学习的东西实在太多,因为变化太快. 但万变不离其宗,名词变化虽多,

问题描述 java计算器的除数不能为零实现 出现了一点小问题 求指导 private void calute (Float f){ float a1=Float.parseFloat(result);//第一个操作数 float a3=a1;//最终结果 if(flag1){ if(lastcommand.equals(""+"")) a3=a1+f; else if(lastcommand.equals(""-"")) a3

1.3 第一个小应用 Hello Angular 那么现在开启一个terminal(命令行窗口),键入 ng new hello-angular ,你会看到以下的命令行输出. wangpengdeMacBook-Pro:~ wangpeng$ ng new hello-angular installing ng2   create .editorconfig   create README.md   create src/app/app.component.css   create src/ap

第2章 用Form表单做一个登录控件 从这一章起我们会打造一个待办事项列表的应用(Todo),这个Todo应用让人们可以输入新的待办事项,事项完成后,可以标记其为完成,也可以全部反转目前列表中事项的完成状态,以及清除所有已完成的事项.列表中还会有一个筛选器,用户可以通过筛选器筛选出所有活动的事项以及已完成的事项.这个应用在各个前端框架的比较中经常用到,因为它麻雀虽小五脏俱全. 当然我们会再给这个应用加点料,首先这个应用应该有Web API后台,而不仅仅是一个内存版本.再有,我们要打造一个支持多用

3.4 小练习 1.如果我们要实现ToggleAll这个功能的话(点击后,所有Todo的状态全部反转),在仅考虑内存数据的基础上,应该怎么操作数组可以实现这个功能呢? 2.如果要实现Clear Completed(点击后删除所有已完成的Todo)呢? 3.试着找一个网上的免费API,用Angular 2提供HTTP模块访问和解析结果,看看是否可以解析成功?  

第3章 建立一个待办事项应用 这一章我们会建立一个更复杂的待办事项应用,当然,登录功能也还保留,这样应用就有了多个相对独立的功能模块.以往的Web应用根据不同的功能跳转到不同的功能页面.但目前前端的趋势是开发一个SPA(Single Page Application,单页应用),所以其实我们应该把这种跳转叫视图切换:根据不同的路径显示不同的组件.那我们怎么处理这种视图切换呢?幸运的是,我们无需寻找第三方组件,Angular官方内建了自己的路由模块.我们会在接下来的学习中逐渐了解这个路由是怎么使用

1.6 引导过程 Angular 2通过在main.ts中引导AppModule来启动应用.针对不同的平台,Angular提供了很多引导选项.下面的代码是通过即时(JiT)编译器动态引导,一般在进行开发调试时,默认采用这种方式: //main.ts import './polyfills.ts';   // 连同Angular编译器一起发布到浏览器 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'

1.4 第一个组件 现在,为我们的App增加一个Component吧,在命令行窗口输入 ng generate component login --inline-template --inline-style . 顾名思义,参数generate是用来生成文件的,参数component是说明我们要生成一个组件,login是我们的组件名称,你可以自己想个其他有意思的名字.后面的两个参数是告诉angular-cli:生成组件时,请把组件的HTML模板和CSS样式和组件放在同一个文件中(其实分开文件更清

2.2 建立一个服务完成业务逻辑 如果我们把登录的业务逻辑在onClick方法中完成,这样当然也可以,但是这样做的耦合性太强了.设想一下,如果我们增加了微信登录.微博登录等,业务逻辑会越来越复杂,显然我们需要把这个业务逻辑分离出去. 那么我们接下来创建一个AuthService吧,首先我们要在在src中新建一个叫做core的文件夹(src\app\core),然后命令行中输入 ng g s core\auth (s这里是service的缩写,core).auth.service.ts和auth.