摘要: 1. 本节说明 本节的内容会在上期搭建的框架基础上进行数据的填充,顺便回顾之前介绍过的插值表达式,属性绑定等知识,本节的数据只是在组件中模拟数据,后面会有专门的章节讲解如何从服务器获取数据。 2. 轮播组件属性绑定 首先把轮播图使用的图片放在项目的 目录下(图片请自行准备),然后在 中定义轮播使用的 阅读全文
posted @ 2018-11-19 20:23 洛皓雪 阅读(2572) 评论(3) 推荐(1) 编辑
摘要: 1. 本节说明 本节以及后面的内容我们将会通过搭建一个简单的博客程序来对angular进行介绍,项目使用前端框架是bootstrap.版本v3.3.7,另外需要安装jquery.关于bootstrap,jquery的安装方法第一篇中有讲解,不再赘述。本节内容由于搭建页面框架的关系,主要是bootst 阅读全文
posted @ 2018-11-18 12:50 洛皓雪 阅读(1369) 评论(0) 推荐(0) 编辑
摘要: 6. 数据双向绑定 视图和数据,只要一方发生变化,另一方跟着变化。 好处是不需要在代码中手动更新视图,简化开发,增加代码内聚性,代码可读性更强。 缺点是当绑定的数据层次深、数据量大时,会影响性能。 双向数据绑定的语法是 . 修改 中的内容如下: 当在input框中输入内容时,插值表达式的位置内容会同 阅读全文
posted @ 2018-11-12 21:55 洛皓雪 阅读(3368) 评论(0) 推荐(0) 编辑
摘要: 本节来介绍angular中的操作以及TypeScript语法的简单介绍。关于TypeScript语法的更为详细的内容,打算在整个angular教程结束后再单独介绍。 0. 安装所需要的插件及配置插件 1. 安装bootstrap 进入项目目录,使用以下命令安装: 然后在angular.json配置文 阅读全文
posted @ 2018-11-10 20:01 洛皓雪 阅读(1177) 评论(1) 推荐(1) 编辑
摘要: 本教程基于Angular7,更新时间2018 11 05. 1. 项目根目录如下: e2e文件夹:end to end,测试目录,主要用于集成测试。 node_modules:项目的模块依赖目录。 src:项目的源代码。 .editorconfig:编辑器配置文件。 .gitignore: git版 阅读全文
posted @ 2018-11-05 22:31 洛皓雪 阅读(1358) 评论(0) 推荐(0) 编辑
摘要: 本教程基于angular7(2018 11 04) 1. 安装node.js 下载地址: http://nodejs.cn/download/ 下载对应自己操作系统的版本安装即可。 2.安装 angular cli开发套件 安装命令: 3.创建一个新的项目 ​ 会自动打开浏览器并预览项目,如不能自动 阅读全文
posted @ 2018-11-04 17:28 洛皓雪 阅读(2855) 评论(0) 推荐(0) 编辑