摘要：
1. 创建指令 2. html 3. 控制器 阅读全文
posted @ 2017-08-11 15:20 work hard work smart 阅读(350) 评论(0) 推荐(0) 编辑
摘要：
1. 将表单的方法移动到单独的ts文件夹中 2. code 3. html 4. 控制器 5. 状态字段 阅读全文
posted @ 2017-08-11 14:10 work hard work smart 阅读(616) 评论(0) 推荐(0) 编辑
摘要：
1.html 2. 控制器中创建FormModel 3. 创建自定义校验器 mobileValidator用来校验电话号码是否有效 equalValidator 用来校验两次输入的密码是否一致 4. submit方法 5.完整的代码 阅读全文
posted @ 2017-08-11 13:19 work hard work smart 阅读(332) 评论(0) 推荐(0) 编辑
摘要：
一. 模板表单 1. 如下图 2. code 3. 效果图 二、响应式表单 1. 增加ReactiveFormsModule 2.响应式表单用到的类和指令 3. 控制器代码 4. html 6. 效果图 7. 使用FormBuild简化响应式表单代码 原来的写法 使用FormBuild简化 阅读全文
posted @ 2017-08-11 11:55 work hard work smart 阅读(466) 评论(0) 推荐(0) 编辑
摘要：
安装组件 ng g componet 组件名 阅读全文
posted @ 2017-08-10 17:13 work hard work smart 阅读(184) 评论(0) 推荐(0) 编辑
摘要：
1.导入 2. 代码 参考：https://stackoverflow.com/questions/35212341/angular2-http-post-request-parameters 阅读全文
posted @ 2017-08-10 17:08 work hard work smart 阅读(2171) 评论(0) 推荐(0) 编辑
摘要：
1. 创建工程 ng new demo3 2. 创建子组件 ng g component child 3. 在子组件中定义方法greeting 4. 父组件html（第三行是模板中调用子组件的方法） 5. 父组件Control调用子组件中的方法 阅读全文
posted @ 2017-08-10 17:03 work hard work smart 阅读(1501) 评论(0) 推荐(0) 编辑
摘要：
1.创建工程 ng new demo4 2. 创建子组件 ng g component child 3.子组件html定义 wrapper样式定义 4. 父组件html定义 wrapper样式定义 5.效果图 阅读全文
posted @ 2017-08-10 17:02 work hard work smart 阅读(200) 评论(0) 推荐(0) 编辑
摘要：
JS 继承的方式 1.使用call的方式 2. code如下 阅读全文
posted @ 2017-08-06 16:34 work hard work smart 阅读(237) 评论(0) 推荐(0) 编辑
摘要：
一、输入属性（父组件与子组件通信） 1. 创建工程 ng new demo1 2.创建order组件 ng g component order 3. 在order组件里定义输入属性 order组件的html 4. 父组件 app.component.ts中定义stock app.component. 阅读全文
posted @ 2017-07-30 15:15 work hard work smart 阅读(1299) 评论(0) 推荐(0) 编辑
摘要：
一、date管道 1.html 2. 控制器中的定义brithday 3.效果图 如果时间格式 为： 则效果： 二、数字管道 pi定义 三、自定义管道 1.创建管道 ng g pipe pipe/multiple 2. 管道定义 3. 管道使用 4.效果 其中size的定义为2，最终结果为2×2 阅读全文
posted @ 2017-07-29 21:57 work hard work smart 阅读(1458) 评论(0) 推荐(0) 编辑
摘要：
一、事件绑定 1. 创建doOnClick函数 2. 网页中绑定doOnClick方法 3. 效果图 二、 属性绑定 1. 定义imgUrl的网址 2. 定义img src属性 另外一种写法 3. html 属性绑定 在网页中绑定size 4. css html 属性绑定 html绑定 5. css 阅读全文
posted @ 2017-07-29 21:45 work hard work smart 阅读(935) 评论(0) 推荐(0) 编辑
摘要：
一、依赖注入 1. 创建工程 ng new myangular 2. 创建组件 ng g componet product1 3. 创建服务 ng g service shared/product 如下图 4.服务的代码 product.service.ts 定义了一个Product类，并且在Pro 阅读全文
posted @ 2017-07-27 17:16 work hard work smart 阅读(526) 评论(0) 推荐(0) 编辑
摘要：
使用第三方类库分为以下几步 1. 将第三方类库安装到本地 1) Jquery的命令 npm install jquery --save 2) 安装bootstrap 安装成功后，将文件下载到node_modules文件夹中，在package.json文件中多了这两个依赖 2. 将库引到项目中 在an 阅读全文
posted @ 2017-07-20 15:58 work hard work smart 阅读(362) 评论(0) 推荐(0) 编辑
摘要：
1.安装node 2.angular cli安装 sudo npm install -g @angular/cli 3. 使用ng -v 查看安装结果 4. 创建项目 ng new helloworld helloworld 为项目名称 5.工程目录结构分析 使用webstorm打开刚才创建的hel 阅读全文
posted @ 2017-07-20 12:31 work hard work smart 阅读(1804) 评论(1) 推荐(0) 编辑
摘要：
1. 点击事件 2. 样式 ng-class 阅读全文
posted @ 2017-07-20 09:56 work hard work smart 阅读(196) 评论(0) 推荐(0) 编辑
摘要：
Angularjs 过滤器 1. uppercase 控制器 效果图 阅读全文
posted @ 2017-07-20 09:56 work hard work smart 阅读(212) 评论(0) 推荐(0) 编辑
摘要：
Angular $scope 里面的$apply 方法 Scope提供$apply方法传播Model变化 2s 后更新name的值为李四 2. ng-click使用, 如下图,定义了一个changeName方法,点击后修改名字为王五 timeout的使用,如下图,不需要再写setTimeout. 阅读全文
posted @ 2017-07-20 09:54 work hard work smart 阅读(273) 评论(0) 推荐(0) 编辑