摘要：
HTML代码： JavaScript代码 阅读全文
摘要：
效果如下： 老式写法 参考：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html 阅读全文
摘要：
关于移动端页面的总结，最近接触移动端页面，简单的介绍几种页面布局吧，以后继续补充。 1、移动端页面需要在头部添加 2、移动页面的布局方式 （1）横向百分比，纵向像素值 可以采用百分比（相对度量单位）进行盒模型横向属性（width、左右内边距、左右外边距）的制作，使用em（相对度量单位）实现文字的处理 阅读全文
摘要：
split()方法用于把一个字符串分隔成字符串数组。 它有两个参数： separator：从参数指定的地方分隔字符串，必需； howmany：该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。 或者使用 阅读全文
摘要：
目前我们的英雄列表和英雄详情位于同一个文件的同一个组件中，我们将来可能会受到新的需求，修改这个组件又不能影响另外一个。然而每一次更改都会给这两个组件带来风险和双倍的测试负担，没有任何好处。如果我们需要在其他地方复用英雄详情组件，英雄列表组件也会跟着混进去。 我们当前的组件违反了单一职责原则，我们需要 阅读全文
摘要：
学习这一篇的内容，还回到我们快速起步的应用上来。 主从结构，我们想要做一个英雄的列表，我们希望用户在列表中选中一个英雄，然后这个被选中的英雄出现在详情视图中。主视图是英雄列表，从视图则是被选中英雄的详细信息。 1、创建英雄 我们先创建一个由视为英雄组成的数组： 修改app.component.ts文 阅读全文
摘要：
这部分是接表单上部分的内容，主要内容有： 1、添加自定义的CSS来提供视觉反馈； 2、显示和隐藏有效性验证的错误信息； 3、使用ngSubmit处理表单提交； 4、禁用表单提交按钮。 添加自定义的CSS来提供视觉反馈 通过ngModel跟踪修改状态与有效性验证。在表单中使用ngModel会告诉我们很 阅读全文
摘要：
表单创建一个有效、引人注目的数据输入体验。Angular表单协调一组数据绑定控件，跟踪变更。验证输入的有效性，并且显示错误信息。 接下来，主要内容有： 1、使用组件和模板构建Angular表单； 2、用ngModel创建数据绑定，以读取和写入输入控件的值。 构建Angular表单 我们想构建包含姓名 阅读全文
摘要：
显示数据，即属性绑定机制把数据显示到用户界面上。 在Angular中最典型的数据显示方式，就是把HTML模板中的控件绑定到Angular组件的属性。 接下来介绍几种数据显示的语法和代码片段。 使用插值表达式显示组件属性 要显示组件的属性，最简单的方式就是通过插值表达式来绑定属性名。要使用插值表达式， 阅读全文
摘要：
构建此应用，分为如下几步： 1、环境准备：安装Node.js和npm； 2、创建并配置此项目； 3、创建应用； 4、创建组件并添加到应用程序中； 5、启动应用程序； 6、定义作为该应用的宿主页面； 7、构建并运行此应用； 环境准备：安装Node.js和npm； 下载node.js.msi文件来进行安 阅读全文