work hard work smart

专注于Java后端开发。 不断总结,举一反三。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  U. Angular

摘要:一、输入属性(父组件与子组件通信) 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 阅读(1318) 评论(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 阅读(1468) 评论(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 阅读(944) 评论(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 阅读(535) 评论(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 阅读(368) 评论(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 阅读(1820) 评论(1) 推荐(0)

摘要:1. 点击事件 2. 样式 ng-class 阅读全文

posted @ 2017-07-20 09:56 work hard work smart 阅读(203) 评论(0) 推荐(0)

摘要:Angularjs 过滤器 1. uppercase 控制器 效果图 阅读全文

posted @ 2017-07-20 09:56 work hard work smart 阅读(222) 评论(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 阅读(282) 评论(0) 推荐(0)

摘要:Angularjs 常用方法 1. isArray使用 效果图如下,结果为true 2.uppercase使用 var jsonstr = '{"name":"hello", "age":"20"}'; var json = angular.fromJson(jsonstr); console.lo 阅读全文

posted @ 2017-07-20 09:54 work hard work smart 阅读(279) 评论(0) 推荐(0)

摘要:angular.js 引入angular.js文件 {{firstName}} {{lastName}} 阅读全文

posted @ 2017-06-26 17:59 work hard work smart 阅读(184) 评论(0) 推荐(0)

摘要:1、angular安装 npm install -g angular 2. 显示angular安装路径 npm config ls 3. angular 双向绑定 angular.js 文件时在第2步下载的文件。 ng_app 定义应用程序的根元素 ng_model 绑定应用程序数据到 HTML 元 阅读全文

posted @ 2017-06-25 16:47 work hard work smart 阅读(259) 评论(0) 推荐(0)