摘要：一、输入属性（父组件与子组件通信） 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
随笔分类 - U. Angular
摘要：一、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
摘要：一、事件绑定 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
摘要：一、依赖注入 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
摘要：使用第三方类库分为以下几步 1. 将第三方类库安装到本地 1) Jquery的命令 npm install jquery --save 2) 安装bootstrap 安装成功后，将文件下载到node_modules文件夹中，在package.json文件中多了这两个依赖 2. 将库引到项目中 在an
阅读全文
posted @ 2017-07-20 15:58
摘要：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
摘要：1. 点击事件 2. 样式 ng-class
阅读全文
posted @ 2017-07-20 09:56
摘要：Angularjs 过滤器 1. uppercase 控制器 效果图
阅读全文
posted @ 2017-07-20 09:56
摘要：Angular $scope 里面的$apply 方法 Scope提供$apply方法传播Model变化 2s 后更新name的值为李四 2. ng-click使用, 如下图,定义了一个changeName方法,点击后修改名字为王五 timeout的使用,如下图,不需要再写setTimeout.
阅读全文
posted @ 2017-07-20 09:54
摘要：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
摘要：angular.js 引入angular.js文件 {{firstName}} {{lastName}}
阅读全文
posted @ 2017-06-26 17:59
摘要：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
浙公网安备 33010602011771号