一、AngularJS 简介AngularJS是Google工程师研发的一款JS框架,官方文档中对它的描述是,它是完全使用JavaScript编写的客户端技术,同其他历史悠久的Web技术(HTML,CSS等)配合使用,使得Web开发变得更简单、更高效。它是笔者用过的比较有特色的一款框架,以HTML作为模版语言并扩展HTML属性,使得应用组件开发保持高度的清晰和一致。AngularJS 是一个 Ja
转载
2023-08-18 17:14:32
102阅读
学习资源: http://www.runoob.com/angularjs2/angularjs2-architecture.
原创
2017-10-14 13:56:28
37阅读
背景与概念:AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。AngularJS2 发布于2016年9月份,它是基于ES6来开发的。Angular2.x与Angular1.x 的区别Angular2.x与Angular1.x 的
转载
2023-08-03 23:49:13
41阅读
1. ionic g page 的问题 ionic cli 更新到3.0之后,原来生成page的方式换掉了,将每一个页面声明为独立的module,因此支持通过url地址直接跳转指定的页面。使用NavController 进行页面跳转的时候,已经无需再引入具体的page,直接使用 this.nav.push("page-name") 进行跳转即可。2. ionic2 中使用 pi...
原创
2022-02-25 16:10:38
96阅读
最近初学了Angular.js介绍一下文件结构及目录。下图是新建项目得目录结构,下面来介绍一下目录得结构及作用。第一层目录:【node_modules 】 第三方依赖包存放目录(与vue,react作用相同)【e2e 】 端到端的测试目录 用来做自动测试的【src 】 应用源代码目录【.angular-cli.json 】 Angular命令行工具的配置文件。后期可能会去修改它,引一些其他的第三方
转载
2023-07-21 15:08:58
31阅读
什么是框架?众所周知,就是一种实现的结构,从程序员的角度看,前端框架是一种特殊的、已经实现了的web应用,我们只需要对他进行具体的业务逻辑的填充即可,由框架根据具体的业务逻辑来调用代码的执行。angular就是一个这样的JavaScript框架。下面我们就来说一下,angular2安装过程中所需要的环境配置。一、解析环境1、Node. js下载解析: Node.js是一个让JavaScript运行
Angular 2 应用程序应用主要由以下 8 个部分组成:1、模块 (Modules)2、组件 (Components)3、模板 (Templates)4、元数据 (Metadata)5、数据绑定 (Data Binding)6、指令 (Directives)7、服务 (Services)8、依赖注入 (Dependency Injection)下图展示了每个部分是如何相互工作的:图中的模板
转载
2023-08-29 12:46:22
32阅读
背景与概念:AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。AngularJS2 发布于2016年9月份,它是基于ES6来开发的。Angular2.x与Angular1.x 的区别Angular2.x与Angular1.x 的
转载
2023-07-05 14:25:07
59阅读
原创
2022-01-10 10:06:10
61阅读
学习资源: http://www.runoob.com/angularjs2/angularjs2-tutorial.html一、 运行条件目前浏览器或Node暂不支持ES6的
原创
2017-10-14 13:05:02
44阅读
为什么要使用服务1.在一个项目中不可避免的要在不同的component中使用同一份数据,普通的方式是将同样的代码在不同的地方复制粘贴,这样显然是不可取的。这时候我们可以定义一个数据服务,当我们需要它的时候只需要在相关组件中注入即可 2.服务对其调用者是透明的,使用服务可以让组件更加清洁,而且后期维护只需要修改服务就可以而不用在每一个使用数据的地方都修改服务的用法这里以官网demo为例1.先在ap
转载
2023-07-03 19:56:31
55阅读
angular2的环境配置angular2是和angularJS是完全不同的两个版本。可以说两者没有任何联系的存在,这也就意味着在使用angular2的时候相当于了解一门全新的语言,angular2是基于TypeScript开发的。所以要想熟练的使用angular2,需要先学习angular的基础知识。 环境配置是进行配开发的第一步。 安装angularangular工程的简介安装angular
转载
2023-08-07 16:24:51
24阅读
angular2路由是管理angular2应用内部导航的一个重要内容,在angular应用中,很多的组件是通过组合完成一个复杂的应用,不可避免的是我们常会在视图间切换,那么这是就需要使用路由来管理视图间的转换。 路由定义 先看一个简单的路由定义 从这个例子可以看出路由定义的过程 1、 引入路由组件i
原创
2022-01-08 10:02:33
68阅读
在anglar2中服务是什么? 如果在项目中有一段代码是很多组件都要使用的,那么最好的方式就是把它做成服务。 服务是一种在组件中共享功能的机制,当我们使用标签将多个组件组合在一起时我们需要操作一些数据或是需要做一些运算时,我们需要做一个服务;服务能帮我们引入外部的数据。那么如何创建一个服务呢? 创建
原创
2022-01-08 10:02:33
32阅读
angular2 组件 首先了解angular2 组件的含义 angular2的应用就是一系列组件的集合 我们需要创建可复用的组件供多个组件重复使用 组件是嵌套的,实际应用中组件是相互嵌套使用的 组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令 一个组件可以包含前端表现及
原创
2022-01-08 10:02:34
46阅读
AngularJS2 TypeScript 环境配置这开始前,你需要确保你已经安装了 npm,如果你还没安装np
原创
2023-05-21 17:59:09
139阅读
AngularJS2 JavaScript 环境配置:C:\Program Files (x86)\nodejs\node_modules\npm本章节使用到的文件目录结构如下所示: 创建配置文件创建目录 $ mkdir angular-quickstart
$ cd angular-quickstart
C:\Program Files (x86)\nodejs\node_m
原创
2023-05-21 19:51:17
65阅读
一、 创建项目mkdir angular-quickstartcd angular-quickstart二、 创
原创
2017-10-14 13:42:28
32阅读
angular2的http服务是用于从后台程序获取或更新数据的一种机制,通常情况我们需要将与后台交换数据的模块做出angular服务,利用http获取更新后台数据,angular使用http的get或put进行后台调用采用的是ajax方式,跨域问题需要单独处理。下面来看一个例子,演示从后台web a
原创
2022-01-08 10:02:32
148阅读
1. 创建文件服务的名称使用小写,格式如: constants.service.tsimport { Injectable } from '@angular/core';@Injectable()export class ConstantsService
原创
2017-10-17 21:08:36
18阅读