【Angular】
@Herry
懒人
展开
-
Angular --英雄编辑器
前言: 我们之前已经将环境和框架搭好,那么我们现在需要显示一下我们英雄的人员,这里我们将讲到装饰器、管道、双向绑定等一些讲解。 首先我们需要创建一个新的组件 : 使用Angular CLI创建名为‘heroes’ ng generate component heroes 显示的ts文件结果,其他html模板和css给出的模板都可以删掉。 我们添加一个hero属性,用来显示一个名为“Windst...原创 2019-03-14 10:12:17 · 299 阅读 · 7 评论 -
Angular --框架搭建
感慨 学习了Angular以来没有写过博客,一直想早点结束,发现都是bug,并且感觉收获不是很多,现在马上要进去IToo考评发现知识量不够,今天得知师父的提点:学习官网,非常有道理,第一官网是实时存在的,第二就是时时更新,第三看书肯定是比视频快而稳。 配置环境 Node.js :cmd环境下输入:node -v npm包管理器: cmd环境下输入:npm -v 由于npm是从国外服务...原创 2019-03-13 22:06:12 · 413 阅读 · 6 评论 -
Angular --英雄榜
前言 我们已经制作出了英雄编辑器,那么我们今天讲这个英雄榜做出来,今天我们主要将css样式添加进去,并且尝试学习复写器的运用,以及隐藏我们的空白处和click事件处理器的使用。 结果展示 我们开始制作此过程 首先我们需要和上次一样添加一个类(mock-heroes.ts)文件,在此定义包含10个英雄的数组: //在src/ap下建立: import { Hero }...原创 2019-03-14 16:33:01 · 533 阅读 · 9 评论 -
Angular --主从组件
前言 什么是主从组件,就是将组件分为主组件和从组件,目的就是让我们更加好维护并且便于利用,将大化小,就如同我们之前的模板类一样,我们以上次做的英雄榜作为例子来进行切割使用。 开始制作 我们首先新建一个新组件:hero-detail ng generate component hero-detail 编写模板:我们将之前heroes模板(html)中的下面的代码剪切到我们新建立的这个...原创 2019-03-14 17:35:09 · 212 阅读 · 7 评论 -
Angular --服务
前言: 我们为什么要用服务,因为我们的组件不能直接获取或者保存数据,我们也并不知情是展示的假数据,我们应该将数据访问委托给某个服务,此次我们不在用new创建服务,利用依赖注入机制。 Angular服务是单例对象,在应用程序的生命周期只实例化一次,也可以说是一个中间站或者是缓冲区,我们做一个栗子,我们看病的时候:医生开处方–》护士接过处方–》护士根据处方给你注射药物; 这个时候护士接过处方就是我们i...原创 2019-03-16 09:28:00 · 182 阅读 · 10 评论 -
Angular--架构
Angular是组件化服务,我们主要是从/src/app下面进行编辑,那么我们每次创建的组件里面包含的东西大致都是一个套路,包含了TypeScript、css、HTML三种语言,ts我们主要从module和component里面进行书写,其中TS其实就是js的超集,既包含了js所有元素,能运行js代码并扩展js语法包括:静态类型、类、模块、接口和类型注解方面,更容易大项目开发;但是Angular中...原创 2019-04-24 10:24:21 · 185 阅读 · 10 评论 -
angular/ionic环境配置
首先我们需要下载淘宝镜像: 打开cmd命令窗体执行此命令: npm install -g cnpm --registry=https://registry.npm.taobao.org 配置angular环境: 首先我们需要安装node.js(最新版本即可),安装完后参照下面步骤 下载地址:https://nodejs.org/en/ 打开cmd命令窗口:输入: np...原创 2019-07-10 09:59:47 · 440 阅读 · 5 评论 -
ionic 4 实现在线查询
首先我们需要执行此命令: npm install @ionic-native/in-app-browser 执行完毕后我们需要导入包: 需要在app.module.ts里面导入: // 搜索引擎怡莱 import { InAppBrowser } from '@ionic-native/in-app-browser/ngx'; providers: [ InAppBrowser, ], ...原创 2019-08-19 00:28:22 · 151 阅读 · 4 评论